{"id":2,"date":"2023-09-14T19:33:13","date_gmt":"2023-09-14T22:33:13","guid":{"rendered":"http:\/\/teclamusic\/tecla-site2023\/?page_id=2"},"modified":"2024-06-27T15:02:45","modified_gmt":"2024-06-27T18:02:45","slug":"pagina-exemplo","status":"publish","type":"page","link":"https:\/\/teclamusic.com.br\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\r\n<section class=\"pt-[6vw] xl:pb-10 xl:pt-[154px] bg-tecladark relative pb-[5vw]\" id=\"heroSection\">\r\n    <div class=\"relative container px-4 lg:px-[71px]\">\r\n        <h1 class=\"uppercase font-krok text-teclatexts text-[8vw] xl:text-[12vh] leading-[1.2] mt-[8vh] xl:mt-0 mb-[5vw] xl:mb-0\">\r\n                                <p>W<span class='ss01'>E<\/span> <span class='ss04'>C<\/span>O<span class='ss02'>N<\/span><span class='ss02'>N<\/span><span class='ss01'>E<\/span><span class='ss04'>C<\/span><span class='ss03'>T<\/span> <\/p>\r\n\r\n                                    <p class=\"inline-block px-0 font-bold transition-colors duration-300 bg-white lg:px-4 md:px-8 hover:bg-teclagreen font-proximanova text-tecladark\">\r\n                        brands &#038; people                      <\/p>\r\n\r\n                                    <p><span class='ss03'>T<\/span>H<span class='ss03'>R<\/span>OU<span class='ss01'>G<\/span>H <\/p>\r\n\r\n                                    <p class=\"font-proximanova relative pl-[28%]  xl:pl-0 xl:flex xl:items-center xl:gap-6\">\r\n                        <span class=\"absolute top-1\/2 left-0 w-[27%] xl:w-[19vw] xl:max-w-[320px] xl:h-[9vh] max-h-[85px] h-[67%] -translate-y-1\/2 overflow-hidden xl:static xl:translate-y-0\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 700 91\" class=\"fill-current text-teclagreen max-h-[85px] h-[90%] xl:h-[9vh] g-wave\" preserveAspectRatio=\"none\">\n    <path fill-rule=\"evenodd\" d=\"M0 45.717v45.717l2.754-.686c4.599-1.146 8.54-4.878 15.498-14.676 8.853-12.465 11.856-15.255 16.426-15.255 4.222 0 8.167 3.799 17.663 17.013 6.476 9.012 10.282 12.275 15.259 13.081 7.632 1.237 11.958-1.991 23.068-17.214 12.883-17.653 16.216-17.56 29.843.831 4.639 6.261 9.861 12.398 11.606 13.638 8.064 5.734 16.513 2.812 24.805-8.578 9.53-13.092 12.489-16.484 15.722-18.023 5.718-2.723 8.83-.182 21.623 17.649 5.516 7.689 9.745 11.022 14.855 11.706 7.59 1.017 12.762-3.27 25.481-21.119 9.061-12.715 14.621-12.204 24.947 2.29 10.527 14.776 15.522 19.126 21.964 19.126 5.472 0 11.018-4.171 17.464-13.136 7.701-10.71 13.335-16.645 16.498-17.38 4.01-.932 8.747 3.066 16.651 14.056 8.628 11.996 14.367 16.91 18.732 16.038 4.725-.943 8.758-4.68 15.891-14.723 14.849-20.909 17.914-20.786 33.699 1.355 7.291 10.225 10.72 12.952 17.025 13.538 7.31.679 11.426-2.885 24.425-21.155 3.328-4.676 5.909-7.185 8.512-8.277 3.506-1.469 3.954-1.443 7.243.428 2.09 1.189 6.537 6.148 11.016 12.283 8.771 12.018 13.18 15.917 18.857 16.677 6.213.832 11.516-2.79 18.748-12.805 7.811-10.817 13.383-16.697 16.472-17.385 3.467-.772 8.336 2.453 12.285 8.136 12.501 17.99 18.45 23.057 25.895 22.06 5.738-.769 9.335-3.946 18.562-16.399 10.011-13.511 12.975-15.535 18.742-12.803 2.513 1.191 5.636 4.461 9.899 10.366 11.106 15.385 15.386 19.126 21.882 19.126 5.462 0 11.018-4.173 17.464-13.118 16.605-23.041 19.404-23.12 35.07-.998 6.296 8.891 10.216 12.529 14.7 13.647l2.754.686V0l-2.754.686c-4.598 1.146-8.539 4.878-15.498 14.676-8.853 12.465-11.856 15.255-16.426 15.255-4.222 0-8.167-3.799-17.663-17.013C641.183 4.592 637.377 1.329 632.4.523c-7.631-1.237-11.958 1.991-23.068 17.214-12.883 17.653-16.216 17.56-29.843-.831-4.639-6.261-9.861-12.398-11.606-13.638-8.064-5.734-16.513-2.812-24.805 8.578-9.53 13.092-12.489 16.484-15.722 18.023-5.718 2.723-8.83.182-21.623-17.649-5.516-7.689-9.745-11.022-14.855-11.706-7.59-1.017-12.762 3.27-25.481 21.119-9.061 12.715-14.621 12.204-24.947-2.29C429.923 4.567 424.928.217 418.486.217c-5.472 0-11.018 4.171-17.464 13.136-7.701 10.71-13.335 16.645-16.498 17.38-4.01.932-8.747-3.066-16.651-14.056C359.245 4.681 353.506-.233 349.141.639c-4.725.943-8.758 4.68-15.891 14.723-14.849 20.909-17.914 20.786-33.699-1.355-7.29-10.225-10.72-12.952-17.025-13.538-7.31-.679-11.426 2.885-24.425 21.155-3.328 4.676-5.909 7.185-8.512 8.277-3.506 1.469-3.954 1.443-7.243-.428-2.09-1.189-6.537-6.148-11.016-12.283C222.559 5.172 218.15 1.273 212.473.513c-6.213-.832-11.516 2.79-18.748 12.805-7.811 10.817-13.383 16.697-16.472 17.385-3.467.772-8.336-2.453-12.285-8.136C152.467 4.577 146.518-.49 139.073.507c-5.738.769-9.335 3.946-18.562 16.399-10.011 13.511-12.975 15.535-18.742 12.803-2.513-1.191-5.636-4.461-9.899-10.366C80.764 3.958 76.484.217 69.988.217c-5.462 0-11.018 4.173-17.464 13.118-16.605 23.041-19.404 23.12-35.07.998C11.158 5.442 7.238 1.804 2.754.686L0 0v45.717Z\" clip-rule=\"evenodd\" \/>\n<\/svg>                        <\/span>\r\n                        <span>\r\n                                                                <span class=\"font-bold\">music<\/span>\r\n                                                        <\/span>\r\n                    <\/p>\r\n\r\n                        <\/h1>\r\n\r\n        <div id=\"video-resize\" class=\"relative\">\r\n            <img decoding=\"async\" class=\"absolute top-0 left-0 hidden animate-pulse xl:block g-arrow-down\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-break-down.png\" alt=\"\">\r\n\r\n            <div class=\"xl:mb-0 g-video w-full xl:w-[32%] ml-auto\">\r\n                <video autoplay loop muted playsinline class=\"max-w-full mx-auto g-loop-video\">\r\n                    <source src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/05\/TECLA_HOME_CLIENTES-ATT24_menor.mp4\" type=\"video\/mp4\">\r\n                    <img decoding=\"async\" class=\"max-w-full mx-auto\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/img-agency.png\" alt=\"Tecla Music Agency\" \/>\r\n                <\/video>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section class=\"relative pb-0 overflow-hidden bg-tecladark xl:pt-0\" id=\"aboutSection\">\r\n    <div class=\"container px-4 lg:px-[71px] relative flex flex-col xl:flex-row items-center\">\r\n        <div class=\"xl:w-[60%]\">\r\n            <h2 class=\"uppercase w-[80%] sm:w-auto mt-6 xl:mt-0 font-medium text-[9vw] sm:text-[7vw] xl:text-[7vh] mb-6 leading-[1.2]\">\r\n                SOMOS UMA AG\u00caNCIA DE                          <br \/> <span class=\"px-0 leading-[1.4] font-bold transition-colors duration-300 bg-white lg:px-4 text-tecladark hover:bg-teclagreen\">\r\n                            MUSIC BRANDING                        <\/span>\r\n                                <\/h2>\r\n\r\n            <p class=\"uppercase max-w-[1099px] xl:max-w-[60%] text-[7vw] sm:text-[4vw] min-[854px]:text-[42px] xl:text-3xl leading-[1.32] mb-[6vw] xl:mb-[6vh]\">\r\n                ESPECIALIZADA EM CURADORIA E GEST\u00c3O SONORA PARA MARCAS.            <\/p>\r\n\r\n            <p class=\"hidden xl:block uppercase max-w-[1099px] xl:max-w-[974px] text-[4vw] min-[854px]:text-[42px] xl:text-3xl leading-[1.32]\">\r\n                <img decoding=\"async\" class=\"inline-block max-h-[20px]\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-break.png\" alt=\"\">\r\n                <strong>H\u00c1 MAIS DE 15 ANOS<\/strong>, TRADUZIMOS VALORES E INSPIRA\u00c7\u00d5ES EM <strong>ESTRAT\u00c9GIAS SONORAS<\/strong> PARA DIFERENTES PLATAFORMAS \u2013 <i class=\"font-semibold\">DO F\u00cdSICO AO DIGITAL.<\/i>\n            <\/p>\r\n        <\/div>\r\n        <div class=\"mt-8 md:mt-12 w-[64%] xl:w-[40%]\">\r\n            <figure class=\"max-w-[420px] mx-auto\">\r\n                <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/3D_Logo_Verde.png\" alt=\"\">\r\n            <\/figure>\r\n        <\/div>\r\n\r\n        <p class=\"xl:hidden mt-[9vw] uppercase max-w-[1099px] xl:max-w-[974px] text-[4vw] min-[854px]:text-[42px] xl:text-3xl leading-[1.32]\">\r\n            <img decoding=\"async\" class=\"inline-block max-h-[20px]\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-break.png\" alt=\"\">\r\n            <strong>H\u00c1 MAIS DE 15 ANOS<\/strong>, TRADUZIMOS VALORES E INSPIRA\u00c7\u00d5ES EM <strong>ESTRAT\u00c9GIAS SONORAS<\/strong> PARA DIFERENTES PLATAFORMAS \u2013 <i class=\"font-semibold\">DO F\u00cdSICO AO DIGITAL.<\/i>\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"flex items-center justify-around gap-4 w-[300%] border-t border-teclatexts overflow-hidden mt-[9vw] xl:mt-[14vh] py-[5vw] lg:py-[42px] carousel-partners text-[5vw] lg:text-3xl\">\r\n                    <p class=\"font-krok whitespace-nowrap\">OK, BU<span class='ss03'>T<\/span> WH<span class='ss01'>A<\/span><span class='ss03'>T<\/span> W<span class='ss01'>E<\/span> DO?<\/p>\r\n                    <p class=\"font-krok whitespace-nowrap\">OK, BU<span class='ss03'>T<\/span> WH<span class='ss01'>A<\/span><span class='ss03'>T<\/span> W<span class='ss01'>E<\/span> DO?<\/p>\r\n                    <p class=\"font-krok whitespace-nowrap\">OK, BU<span class='ss03'>T<\/span> WH<span class='ss01'>A<\/span><span class='ss03'>T<\/span> W<span class='ss01'>E<\/span> DO?<\/p>\r\n                    <p class=\"font-krok whitespace-nowrap\">OK, BU<span class='ss03'>T<\/span> WH<span class='ss01'>A<\/span><span class='ss03'>T<\/span> W<span class='ss01'>E<\/span> DO?<\/p>\r\n                    <p class=\"font-krok whitespace-nowrap\">OK, BU<span class='ss03'>T<\/span> WH<span class='ss01'>A<\/span><span class='ss03'>T<\/span> W<span class='ss01'>E<\/span> DO?<\/p>\r\n                    <p class=\"font-krok whitespace-nowrap\">OK, BU<span class='ss03'>T<\/span> WH<span class='ss01'>A<\/span><span class='ss03'>T<\/span> W<span class='ss01'>E<\/span> DO?<\/p>\r\n                    <p class=\"font-krok whitespace-nowrap\">OK, BU<span class='ss03'>T<\/span> WH<span class='ss01'>A<\/span><span class='ss03'>T<\/span> W<span class='ss01'>E<\/span> DO?<\/p>\r\n                    <p class=\"font-krok whitespace-nowrap\">OK, BU<span class='ss03'>T<\/span> WH<span class='ss01'>A<\/span><span class='ss03'>T<\/span> W<span class='ss01'>E<\/span> DO?<\/p>\r\n                    <p class=\"font-krok whitespace-nowrap\">OK, BU<span class='ss03'>T<\/span> WH<span class='ss01'>A<\/span><span class='ss03'>T<\/span> W<span class='ss01'>E<\/span> DO?<\/p>\r\n                    <p class=\"font-krok whitespace-nowrap\">OK, BU<span class='ss03'>T<\/span> WH<span class='ss01'>A<\/span><span class='ss03'>T<\/span> W<span class='ss01'>E<\/span> DO?<\/p>\r\n                    <p class=\"font-krok whitespace-nowrap\">OK, BU<span class='ss03'>T<\/span> WH<span class='ss01'>A<\/span><span class='ss03'>T<\/span> W<span class='ss01'>E<\/span> DO?<\/p>\r\n            <\/div>\r\n<\/section>\n\n\r\n<section id=\"home-radio-indoor-section\" class=\"radio-indoor py-[6vw] lg:px-8 px-4 xl:pt-[98px] xl:pb-[48px] bg-teclagreen relative overflow-hidden h-screen sm:h-auto xl:h-screen flex xl:flex-col items-end xl:items-stretch\">\r\n    <div class=\"absolute right-[-3vw] max-w-[70%] w-full mt-[-18%] pointer-events-none hidden xl:block\" ref=\"floating\">\r\n        <img decoding=\"async\" class=\"\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/megafone\/Megafone.png\" alt=\"\" ref=\"background\">\r\n    <\/div>\r\n\r\n    <!-- MEGAFONE MOBILE -->\r\n    <div class=\"absolute right-[-16vw] lg:right-[-5vw] top-0 h-[60vh] xl:hidden\">\r\n        <img decoding=\"async\" class=\"h-full\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/megafone\/megafone-m.png\" alt=\"\">\r\n    <\/div>\r\n    <!-- \/MEGAFONE MOBILE -->\r\n\r\n\r\n    <div class=\"mb-[6vh] xl:flex xl:flex-col sm:mb-0 justify-between xl:h-screen\">\r\n        <div class=\"container px-4 lg:px-[71px] relative z-10 flex-1\" ref=\"foreground\">\r\n            <div class=\"flex-1\">\r\n                <h2 class=\"font-krok text-tecladark text-[16vw] sm:text-[18vw] xl:text-[19vh] uppercase leading-none mb-4 2xl:mb-[57px] g-knob-container w-fit\">\r\n                    <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\r\n                                                                                    <p class=\"flex items-center gap-[2px] xl:gap-2\">\r\n                                                                                                                    <span>I<span class='ss02'>N<\/span>DOO<span class='ss03'>R<\/span> <\/span>\r\n                                                                    <\/p>\r\n                                                                                                                <p class=\"flex items-center gap-[2px] xl:gap-2\">\r\n                                                                                                                                    <span><span class='ss03'>R<\/span><span class='ss01'>A<\/span>DI<\/span>\r\n\r\n                                                                                            <span class=\"w-[13vw] max-w-[183px] xl:max-w-[15vh]\">\r\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 170 169\" class=\"fill-current flex-shrink-0 text-tecladark g-knob\">\n    <path fill-rule=\"evenodd\" d=\"M74.5.138C32.51 5.281 0 40.866 0 84c0 46.668 38.056 84.5 85 84.5s85-37.832 85-84.5C170 40.524 136.973 4.717 94.5.022V84h-20V.138Z\" clip-rule=\"evenodd\" \/>\n<\/svg>                                                <\/span>\r\n                                        \r\n                                                                    <\/p>\r\n                                                                        <\/a>\r\n                <\/h2>\r\n\r\n                                    <div class=\"hidden max-w-[748px] xl:max-w-[35%] sm:flex flex-wrap gap-2 md:gap-4 uppercase text-[3vw] md:text-3xl xl:text-[3vh] text-tecladark font-medium mb-10 lg:mb-44 xl:mb-0\">\r\n                                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclagreen\">Curadoria Musical<\/p>\r\n                                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclagreen\">Tecnologia<\/p>\r\n                                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclagreen\">Posicionamento<\/p>\r\n                                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclagreen\">Integra\u00e7\u00e3o<\/p>\r\n                                            <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"container px-4 lg:px-[71px] relative z-10\">\r\n            <p class=\"text-[4.5vw] md:text-3xl max-w-[915px] xl:max-w-[52.7%] md:text-[28px] leading-[1.4] uppercase text-tecladark xl:text-[2.3vh] 2xl:text-[2.5vh] xl:leading-[1.3]\">\r\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\r\n                    <span class=\"sm:block font-semibold mb-4 sm:mb-[10px] bg-tecladark sm:bg-transparent inline-block text-teclagreen sm:text-tecladark p-1 sm:p-0\">PARA SUA MARCA FALAR:<\/span>\r\n\r\n                    <br>\r\n                    CURADORIA MUSICAL PARA CRIA\u00c7\u00c3O DE <span class=\"font-semibold\">PLAYLISTS PERSONALIZADAS<\/span> QUE COMUNICAM <span class=\"font-semibold\">A ESS\u00caNCIA DA MARCA<\/span> EM PONTOS DE VENDA, LOJAS, RESTAURANTES OU EMPREENDIMENTOS COMERCIAIS.\n\r\n\r\n                    <img decoding=\"async\" class=\"inline xl:align-[-0.2vh] h-[2vh]\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\r\n                <\/a>\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n<\/section>\n\n\r\n<section class=\"relative pr-4 lg:pr-8 xl:px-8 xl:pt-[98px] xl:pb-[48px] overflow-hidden radio-indoor bg-teclayellow xl:flex xl:flex-col py-[6vw] h-screen sm:h-auto xl:h-screen\" id=\"home-streaming-section\">\r\n    <div class=\"absolute right-0 max-w-[55%] w-full mt-[-6%] xl:mt-[-10%] pointer-events-none hidden xl:block\" ref=\"floating\">\r\n        <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/disco01\/Disco.png\" alt=\"\" ref=\"background\">\r\n    <\/div>\r\n\r\n    <div class=\"container pr-4 lg:pr-[71px] xl:px-[71px] relative flex-1\" ref=\"foreground\">\r\n        <h2 class=\"font-krok text-tecladark text-[10.6vw] xl:text-[19vh] uppercase leading-none mb-4 2xl:mb-[57px] g-streaming relative z-10 w-fit\">\r\n            <a class=\"hidden xl:block\" href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\r\n                <span class=\"flex items-center\">\r\n                    S<span class='ss03'>T<\/span><span class='ss03'>R<\/span><span class='ss01'>E<\/span><span class='ss01'>A<\/span><span class='ss03'>M<\/span>                    <span class=\"relative overflow-hidden w-[8vw] g-big-wave-container h-[12vh]\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 682 147\" class=\"fill-current flex-shrink-0 text-tecladark h-[12vh] min-w-[300%] g-big-wave\" preserveAspectRatio=\"none\">\n    <path d=\"M681.79 145.86c-4.524-.059-9.068-3.824-13.632-11.293a183.499 183.499 0 0 1-9.695-19.118c-5.646-12.35-10.094-18.59-14.571-18.76-4.448.14-8.905 6.38-14.542 18.73a185.504 185.504 0 0 1-9.754 19.148c-9.245 15.111-18.37 15.061-27.535-.169-3.628-5.981-6.886-13.247-10.164-20.265-10.884-23.194-17.65-23.125-28.464.239-3.268 7.048-6.516 14.274-10.154 20.285-9.245 15.31-18.649 15.131-27.794-.568-3.858-6.629-7.276-14.543-10.884-21.929-10.114-20.723-16.68-20.584-26.705.538-3.218 6.788-6.386 13.765-9.784 20.085-4.298 7.974-9.225 12.818-13.712 13.048h-.4V1.199h.4c4.487.19 9.414 5.034 13.712 13.008 3.398 6.32 6.566 13.297 9.784 20.095 9.995 21.122 16.591 21.261 26.705.538 3.608-7.376 6.996-15.3 10.884-21.929 9.145-15.689 18.549-15.898 27.794-.568 3.638 5.98 6.886 13.237 10.154 20.294 10.814 23.355 17.58 23.434 28.494.26 3.278-6.978 6.536-14.234 10.164-20.255 9.165-15.24 18.29-15.29 27.535-.17a185.481 185.481 0 0 1 9.704 19.119c5.567 12.32 10.064 18.56 14.562 18.7 4.457-.14 8.905-6.38 14.551-18.73a183.49 183.49 0 0 1 9.695-19.118C672.789 4.854 677.409 1.086 682 1.14l-.21 144.72Z\" \/>\n    <path d=\"M454.79 145.86c-4.524-.059-9.068-3.824-13.632-11.293a183.499 183.499 0 0 1-9.695-19.118c-5.646-12.35-10.094-18.59-14.571-18.76-4.448.14-8.905 6.38-14.542 18.73a185.504 185.504 0 0 1-9.754 19.148c-9.245 15.111-18.37 15.061-27.535-.169-3.628-5.981-6.886-13.247-10.164-20.265-10.884-23.194-17.65-23.125-28.464.239-3.268 7.048-6.516 14.274-10.154 20.285-9.245 15.31-18.649 15.131-27.794-.568-3.858-6.629-7.276-14.543-10.884-21.929-10.114-20.723-16.68-20.584-26.705.538-3.218 6.788-6.386 13.765-9.784 20.085-4.298 7.974-9.225 12.818-13.712 13.048h-.4V1.199h.4c4.487.19 9.414 5.034 13.712 13.008 3.398 6.32 6.566 13.297 9.784 20.095 9.995 21.122 16.591 21.261 26.705.538 3.608-7.376 6.996-15.3 10.884-21.929 9.145-15.689 18.549-15.898 27.794-.568 3.638 5.98 6.886 13.237 10.154 20.294 10.814 23.355 17.58 23.434 28.494.26 3.278-6.978 6.536-14.234 10.164-20.255 9.165-15.24 18.29-15.29 27.535-.17a185.481 185.481 0 0 1 9.704 19.119c5.567 12.32 10.064 18.56 14.562 18.7 4.457-.14 8.905-6.38 14.551-18.73a183.49 183.49 0 0 1 9.695-19.118C445.789 4.854 450.409 1.086 455 1.14l-.21 144.72Z\" \/>\n    <path d=\"M227.79 145.86c-4.524-.059-9.068-3.824-13.632-11.293a183.499 183.499 0 0 1-9.695-19.118c-5.646-12.35-10.094-18.59-14.571-18.76-4.448.14-8.905 6.38-14.542 18.73a185.504 185.504 0 0 1-9.754 19.148c-9.245 15.111-18.37 15.061-27.535-.169-3.628-5.981-6.886-13.247-10.164-20.265-10.884-23.194-17.65-23.125-28.464.239-3.268 7.048-6.516 14.274-10.154 20.285-9.245 15.31-18.65 15.131-27.794-.568-3.858-6.629-7.276-14.543-10.884-21.929-10.114-20.723-16.68-20.584-26.705.538-3.218 6.788-6.386 13.765-9.784 20.085C9.814 140.757 4.887 145.601.4 145.831H0V1.199h.4c4.487.19 9.414 5.034 13.712 13.008 3.398 6.32 6.566 13.297 9.784 20.095 9.995 21.122 16.59 21.261 26.705.538 3.608-7.376 6.996-15.3 10.884-21.929 9.145-15.689 18.55-15.898 27.794-.568 3.638 5.98 6.886 13.237 10.154 20.294 10.814 23.355 17.58 23.434 28.494.26 3.278-6.978 6.536-14.234 10.164-20.255 9.165-15.24 18.29-15.29 27.535-.17a185.481 185.481 0 0 1 9.704 19.119c5.567 12.32 10.064 18.56 14.562 18.7 4.457-.14 8.905-6.38 14.551-18.73a183.49 183.49 0 0 1 9.695-19.118C218.789 4.854 223.409 1.086 228 1.14l-.21 144.72Z\" \/>\n<\/svg>                    <\/span>\r\n                    I<span class='ss02'>N<\/span><span class='ss01'>G<\/span>                <\/span>\r\n                &#038; <span class='ss02'>P<\/span><span class='ss04'>L<\/span><span class='ss01'>A<\/span><span class='ss03'>Y<\/span><span class='ss04'>L<\/span>IS<span class='ss03'>T<\/span>S            <\/a>\r\n            \r\n            <div class=\"flex items-baseline gap-3 xl:hidden\">\r\n                <div class=\"w-[11%] overflow-hidden\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 700 91\" class=\"fill-current w-[77vw] text-tecladark max-w-none\" preserveAspectRatio=\"none\">\n    <path fill-rule=\"evenodd\" d=\"M0 45.717v45.717l2.754-.686c4.599-1.146 8.54-4.878 15.498-14.676 8.853-12.465 11.856-15.255 16.426-15.255 4.222 0 8.167 3.799 17.663 17.013 6.476 9.012 10.282 12.275 15.259 13.081 7.632 1.237 11.958-1.991 23.068-17.214 12.883-17.653 16.216-17.56 29.843.831 4.639 6.261 9.861 12.398 11.606 13.638 8.064 5.734 16.513 2.812 24.805-8.578 9.53-13.092 12.489-16.484 15.722-18.023 5.718-2.723 8.83-.182 21.623 17.649 5.516 7.689 9.745 11.022 14.855 11.706 7.59 1.017 12.762-3.27 25.481-21.119 9.061-12.715 14.621-12.204 24.947 2.29 10.527 14.776 15.522 19.126 21.964 19.126 5.472 0 11.018-4.171 17.464-13.136 7.701-10.71 13.335-16.645 16.498-17.38 4.01-.932 8.747 3.066 16.651 14.056 8.628 11.996 14.367 16.91 18.732 16.038 4.725-.943 8.758-4.68 15.891-14.723 14.849-20.909 17.914-20.786 33.699 1.355 7.291 10.225 10.72 12.952 17.025 13.538 7.31.679 11.426-2.885 24.425-21.155 3.328-4.676 5.909-7.185 8.512-8.277 3.506-1.469 3.954-1.443 7.243.428 2.09 1.189 6.537 6.148 11.016 12.283 8.771 12.018 13.18 15.917 18.857 16.677 6.213.832 11.516-2.79 18.748-12.805 7.811-10.817 13.383-16.697 16.472-17.385 3.467-.772 8.336 2.453 12.285 8.136 12.501 17.99 18.45 23.057 25.895 22.06 5.738-.769 9.335-3.946 18.562-16.399 10.011-13.511 12.975-15.535 18.742-12.803 2.513 1.191 5.636 4.461 9.899 10.366 11.106 15.385 15.386 19.126 21.882 19.126 5.462 0 11.018-4.173 17.464-13.118 16.605-23.041 19.404-23.12 35.07-.998 6.296 8.891 10.216 12.529 14.7 13.647l2.754.686V0l-2.754.686c-4.598 1.146-8.539 4.878-15.498 14.676-8.853 12.465-11.856 15.255-16.426 15.255-4.222 0-8.167-3.799-17.663-17.013C641.183 4.592 637.377 1.329 632.4.523c-7.631-1.237-11.958 1.991-23.068 17.214-12.883 17.653-16.216 17.56-29.843-.831-4.639-6.261-9.861-12.398-11.606-13.638-8.064-5.734-16.513-2.812-24.805 8.578-9.53 13.092-12.489 16.484-15.722 18.023-5.718 2.723-8.83.182-21.623-17.649-5.516-7.689-9.745-11.022-14.855-11.706-7.59-1.017-12.762 3.27-25.481 21.119-9.061 12.715-14.621 12.204-24.947-2.29C429.923 4.567 424.928.217 418.486.217c-5.472 0-11.018 4.171-17.464 13.136-7.701 10.71-13.335 16.645-16.498 17.38-4.01.932-8.747-3.066-16.651-14.056C359.245 4.681 353.506-.233 349.141.639c-4.725.943-8.758 4.68-15.891 14.723-14.849 20.909-17.914 20.786-33.699-1.355-7.29-10.225-10.72-12.952-17.025-13.538-7.31-.679-11.426 2.885-24.425 21.155-3.328 4.676-5.909 7.185-8.512 8.277-3.506 1.469-3.954 1.443-7.243-.428-2.09-1.189-6.537-6.148-11.016-12.283C222.559 5.172 218.15 1.273 212.473.513c-6.213-.832-11.516 2.79-18.748 12.805-7.811 10.817-13.383 16.697-16.472 17.385-3.467.772-8.336-2.453-12.285-8.136C152.467 4.577 146.518-.49 139.073.507c-5.738.769-9.335 3.946-18.562 16.399-10.011 13.511-12.975 15.535-18.742 12.803-2.513-1.191-5.636-4.461-9.899-10.366C80.764 3.958 76.484.217 69.988.217c-5.462 0-11.018 4.173-17.464 13.118-16.605 23.041-19.404 23.12-35.07.998C11.158 5.442 7.238 1.804 2.754.686L0 0v45.717Z\" clip-rule=\"evenodd\" \/>\n<\/svg>                <\/div>\r\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\r\n                    S<span class='ss03'>T<\/span><span class='ss03'>R<\/span><span class='ss01'>E<\/span><span class='ss01'>A<\/span><span class='ss03'>M<\/span>I<span class='ss02'>N<\/span><span class='ss01'>G<\/span> <span class='ss01'>A<\/span><span class='ss02'>N<\/span>D <span class='ss02'>P<\/span><span class='ss04'>L<\/span><span class='ss01'>A<\/span><span class='ss03'>Y<\/span><span class='ss04'>L<\/span>IS<span class='ss03'>T<\/span>S                <\/a>\r\n            <\/div>\r\n        <\/h2>\r\n\r\n                    <div class=\"max-w-[748px] xl:max-w-[40%] hidden sm:pl-[19%] xl:pl-0 sm:flex flex-wrap gap-2 md:gap-4 uppercase text-[3vw] md:text-3xl xl:text-[3vh] text-tecladark font-medium mb-10 lg:mb-44 xl:mb-0 relative z-10\">\r\n                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclayellow\">Gest\u00e3o Sonora<\/p>\r\n                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclayellow\">Branded Profile<\/p>\r\n                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclayellow\">Identidade Visual<\/p>\r\n                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclayellow\">Conte\u00fado<\/p>\r\n                            <\/div>\r\n            <\/div>\r\n\r\n    <div class=\"container pr-4 pl-[19%] lg:pr-[71px] xl:px-[71px] relative\">\r\n        <div class=\"text-[4.5vw] xl:max-w-[52.7%] relative w-full\">\r\n            <p class=\"md:text-3xl xl:text-[2.3vh] 2xl:text-[2.5vh] leading-[1.4] uppercase text-tecladark w-full xl:leading-[1.3]\">\r\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\r\n                    <span class=\"sm:block font-semibold mb-4 sm:mb-[10px] bg-tecladark sm:bg-transparent inline-block text-teclayellow sm:text-tecladark p-1 sm:p-0\">D\u00ca O PLAY EM QUALQUER LUGAR:<\/span>\r\n\r\n                    <br>\r\n                    ESTRAT\u00c9GIA DE COMUNICA\u00c7\u00c3O AL\u00c9M DO PDV, COM <span class=\"font-semibold\">CRIA\u00c7\u00c3O E GERENCIAMENTO DE PERFIS NO STREAMING<\/span>, INCLUINDO CURADORIA PARA PLAYLISTS, IDENTIDADE VISUAL, CONTE\u00daDO E DIVULGA\u00c7\u00c3O.\n                    <img decoding=\"async\" class=\"inline xl:align-[-0.2vh] h-[2vh]\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\r\n                <\/a>\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- DISCO MOBILE -->\r\n    <div class=\"w-[110vw] pointer-events-none sm:hidden\">\r\n        <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/disco01\/Disco.png\" alt=\"\">\r\n    <\/div>\r\n    <!-- DISCO MOBILE -->\r\n<\/section>\n\n\r\n\r\n<section class=\"relative px-4 lg:px-8 py-[6vw] xl:pt-[98px] xl:pb-[48px] overflow-hidden h-screen sm:h-auto xl:h-screen radio-indoor bg-teclatexts xl:flex xl:flex-col\" id=\"home-exp-section\">\r\n    <div class=\"absolute right-[-10vw] xl:mt-[-7%] xl:right-[-12%] max-w-[56%] w-full pointer-events-none hidden xl:block\" ref=\"floating\">\r\n        <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/mac\/Mac.png\" alt=\"\" ref=\"background\">\r\n    <\/div>\r\n\r\n    <!-- MAC MOBILE -->\r\n    <div class=\"w-[110vw] mb-8 -mt-4 sm:hidden\" ref=\"floating\">\r\n        <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/mac\/mac-m.png\" alt=\"\" class=\"block ml-auto w-[77vw]\">\r\n    <\/div>\r\n    <!-- \/MAC MOBILE -->\r\n\r\n    <div class=\"container px-4 lg:px-[71px] relative flex-1\" ref=\"foreground\">\r\n        <div class=\"relative\">\r\n            <h2 class=\"font-krok text-tecladark text-[12vw] xl:text-[19vh] uppercase leading-none mb-4 2xl:mb-[57px] g-double-arrows-trigger\">\r\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\r\n                    DI<span class='ss01'>G<\/span>I<span class='ss03'>T<\/span><span class='ss01'>A<\/span><span class='ss04'>L<\/span>                    <br \/>\r\n\r\n                    <span class=\"inline-block relative pr-[15%] xl:pr-[11%] 2xl:pr-[179px]\">\r\n                        <span class='ss01'>E<\/span>X<span class='ss02'>P<\/span><span class='ss01'>E<\/span><span class='ss03'>R<\/span>I<span class='ss01'>E<\/span><span class='ss02'>N<\/span><span class='ss04'>C<\/span><span class='ss01'>E<\/span>S                        <span class=\"flex g-double-arrows-container\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 131.15 84.76\" class=\"fill-current absolute top-1\/2 right-0 max-h-[99px] h-[55%] -translate-y-1\/2 text-tecladark g-double-arrows\">\n    <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n            <path d=\"M69.69 42.38 0 0v84.76l69.69-42.38z\" \/>\n            <path d=\"M131.15 42.38 61.45 0v84.76l69.7-42.38z\" \/>\n        <\/g>\n    <\/g>\n<\/svg>                        <\/span>\r\n                    <\/span>\r\n                <\/a>\r\n            <\/h2>\r\n\r\n                            <div class=\"max-w-[748px] hidden sm:flex flex-wrap gap-2 md:gap-4 uppercase text-[3vw] md:text-3xl xl:text-[3vh] text-tecladark font-medium mb-10 lg:mb-44 xl:mb-0\">\r\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclatexts\">\r\n                            Tecnologia                        <\/p>\r\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclatexts\">\r\n                            Business Intelligence                        <\/p>\r\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclatexts\">\r\n                            Comunica\u00e7\u00e3o                        <\/p>\r\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclatexts\">\r\n                            Estrat\u00e9gia                        <\/p>\r\n                                    <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"container px-4 lg:px-[71px] relative\">\r\n        <div class=\"xl:max-w-[52.7%] relative w-full\">\r\n            <p class=\"text-[4.5vw] xl:text-[2.3vh] 2xl:text-[2.5vh] lg:text-3xl leading-[1.4] uppercase text-tecladark w-full xl:leading-[1.3]\">\r\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\r\n                    <span class=\"sm:block font-semibold mb-4 sm:mb-[10px] bg-tecladark sm:bg-transparent inline-block   text-teclatexts sm:text-tecladark p-1 sm:p-0\"> INOVA\u00c7\u00c3O QUE CONECTA:<\/span>\r\n\r\n                    <br>\r\n\r\n                    UMA NOVA FORMA DE <span class=\"font-semibold\">ENGAJAR F\u00c3S GERANDO DADOS<\/span>: CRIAMOS <span class=\"font-semibold\">APPS<\/span> INTEGRADOS \u00c0S PLATAFORMAS DE STREAMING, QUE PERMITEM DESENVOLVER A\u00c7\u00d5ES COM OS CONSUMIDORES DA MARCA.\n                    <img decoding=\"async\" class=\"inline xl:align-[-0.2vh] h-[2vh]\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\r\n                <\/a>\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section class=\"relative h-screen sm:h-auto xl:h-screen py-[6vw] lg:px-8 xl:pt-[98px] xl:pb-[48px] px-4 overflow-hidden radio-indoor bg-teclablue xl:flex xl:flex-col\" id=\"home-projetos-section\">\r\n    <div class=\"absolute right-[-10vw] xl:right-[-10%] max-w-[60%] w-full mt-[-4%] xl:mt-[-5%] pointer-events-none hidden xl:block\" ref=\"floating\">\r\n        <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/binoculo\/Binocolos_Alta.png\" alt=\"\" ref=\"background\">\r\n    <\/div>\r\n\r\n    <div class=\"container px-4 lg:px-[71px] relative flex-1\" ref=\"foreground\">\r\n        <div class=\"relative\">\r\n            <h2 class=\"font-krok text-tecladark text-[14vw] xl:text-[17vh] uppercase leading-none mb-4 2xl:mb-[57px] g-smile-container\">\r\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\r\n                                            S<span class='ss02'>P<\/span><span class='ss01'>E<\/span><span class='ss04'>C<\/span>I<span class='ss01'>A<\/span><span class='ss04'>L<\/span><br \/>\r\n\r\n                        <span class=\"inline-flex items-center\">\r\n                            <span><span class='ss02'>P<\/span><span class='ss03'>R<\/span><\/span>\r\n                            <span class=\"relative hidden lg:inline-block\">\r\n                                <span class=\"inline-block g-smile-o\">O<\/span>\r\n                                <img decoding=\"async\" class=\"invisible absolute-center g-smile\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/smile.png\" alt=\"\">\r\n                            <\/span>\r\n                            <span class=\"relative lg:hidden\">\r\n                                <span class=\"invisible inline-block\">O<\/span>\r\n                                <img decoding=\"async\" class=\"absolute-center\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/smile.png\" alt=\"\">\r\n                            <\/span>\r\n                            <span><span class='ss03'>J<\/span><span class='ss01'>E<\/span><span class='ss04'>C<\/span><span class='ss03'>T<\/span>S<\/span>\r\n                        <\/span>\r\n                                    <\/a>\r\n            <\/h2>\r\n\r\n                            <div class=\"max-w-[748px] hidden sm:flex flex-wrap gap-2 md:gap-4 uppercase text-[3vw] md:text-3xl xl:text-[3vh] text-tecladark font-medium mb-10 lg:mb-44 xl:mb-0\">\r\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclablue\">\r\n                            Produ\u00e7\u00e3o Musical                        <\/p>\r\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclablue\">\r\n                            Cria\u00e7\u00e3o de Campanhas                        <\/p>\r\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclablue\">\r\n                            An\u00e1lise e Performance                        <\/p>\r\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclablue\">\r\n                            Experi\u00eancias                        <\/p>\r\n                                    <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"container px-4 lg:px-[71px] relative\">\r\n        <div class=\"xl:max-w-[52.7%] relative w-full\">\r\n            <p class=\"text-[4.5vw] md:text-3xl xl:text-[2.3vh] 2xl:text-[2.5vh] leading-[1.4] uppercase text-tecladark w-full xl:leading-[1.3]\">\r\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\r\n                    <span class=\"sm:block font-semibold mb-4 sm:mb-[10px] bg-tecladark sm:bg-transparent inline-block  text-teclablue sm:text-tecladark p-1 sm:p-0\">PARA ENXERGAR (E OUVIR) AL\u00c9M:<\/span>\r\n\r\n                    <br>\r\n\r\n                    DESENVOLVEMOS PROJETOS DE <span class=\"font-semibold\">SOUNDLOGO, PRODU\u00c7\u00c3O MUSICAL, SPOTS COMERCIAIS, PODCASTS, EVENTOS E CRIA\u00c7\u00c3O DE CONTE\u00daDO<\/span> APOIANDO MARCAS A COMUNICAREM SEUS PILARES SONOROS.\n <img decoding=\"async\" class=\"inline xl:align-[-0.2vh] h-[2vh]\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\r\n                <\/a>\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"w-[120vw] sm:hidden\">\r\n        <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/binoculo\/Binocolos_Alta.png\" alt=\"\">\r\n    <\/div>\r\n<\/section>\n\n\r\n<section class=\"pt-[6vw] pb-[6vw] xl:pb-0 xl:pt-[16vh] bg-tecladark g-cloud-words\">\r\n    <div class=\"container px-4 xl:px-[170px]\">\r\n        <h2 class=\"uppercase text-center text-[8vw] md:text-[6vh] mb-[61px] xl:mb-[95px]\">EST\u00c3O COM A GENTE<\/h2>\r\n\r\n        <div class=\"flex flex-wrap items-center justify-center mb-5 xl:mb-10\">\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclagreen text-[5vw] xl:text-[6.3vh]\">\r\n                    <span class='ss01'>A<\/span><span class='ss04'>L<\/span><span class='ss01'>E<\/span>X<span class='ss01'>A<\/span><span class='ss02'>N<\/span>D<span class='ss03'>R<\/span><span class='ss01'>E<\/span> BI<span class='ss03'>R<\/span><span class='ss03'>M<\/span><span class='ss01'>A<\/span><span class='ss02'>N<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclalightorange text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    <span class='ss01'>A<\/span><span class='ss03'>M<\/span><span class='ss01'>A<\/span><span class='ss03'>R<\/span>O                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclayellow text-[5vw] xl:text-[6.3vh]\">\r\n                    <span class='ss01'>A<\/span><span class='ss02'>N<\/span><span class='ss01'>A<\/span><span class='ss04'>C<\/span><span class='ss01'>A<\/span><span class='ss02'>P<\/span><span class='ss03'>R<\/span>I                <\/p>\r\n\r\n                <div hidden xl:block class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclapurple text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    <span class='ss01'>A<\/span><span class='ss03'>R<\/span><span class='ss01'>A<\/span><span class='ss03'>M<\/span>IS                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclapink text-[5vw] xl:text-[6.3vh]\">\r\n                    <span class='ss01'>A<\/span><span class='ss03'>R<\/span><span class='ss01'>E<\/span><span class='ss02'>Z<\/span><span class='ss02'>Z<\/span>O                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclagreen text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    <span class='ss01'>A<\/span><span class='ss03'>R<\/span><span class='ss02'>P<\/span>O<span class='ss01'>A<\/span>DO<span class='ss03'>R<\/span> I<span class='ss02'>N<\/span><span class='ss02'>N<\/span>                <\/p>\r\n\r\n                <div hidden xl:block class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclagreen text-[5vw] xl:text-[6.3vh]\">\r\n                    B<span class='ss04'>L<\/span>U<span class='ss01'>E<\/span><span class='ss03'>M<\/span><span class='ss01'>A<\/span><span class='ss02'>N<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclayellow text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    <span class='ss04'>C<\/span>H<span class='ss01'>\u00c1<\/span>S <span class='ss04'>L<\/span><span class='ss01'>E<\/span><span class='ss01'>\u00c3<\/span>O                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclablue text-[5vw] xl:text-[6.3vh]\">\r\n                    <span class='ss04'>C<\/span>O<span class='ss04'>L<\/span><span class='ss04'>C<\/span><span class='ss04'>C<\/span>I                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclamustard text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    D<span class='ss01'>A<\/span><span class='ss03'>M<\/span><span class='ss03'>Y<\/span><span class='ss04'>L<\/span><span class='ss04'>L<\/span><span class='ss01'>E<\/span><span class='ss03'>R<\/span>                <\/p>\r\n\r\n                <div hidden xl:block class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclalightorange text-[5vw] xl:text-[6.3vh]\">\r\n                    D<span class='ss01'>E<\/span><span class='ss01'>E<\/span><span class='ss02'>Z<\/span><span class='ss01'>E<\/span><span class='ss03'>R<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclagreen text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    <span class='ss01'>E<\/span><span class='ss04'>L<\/span><span class='ss04'>L<\/span>US                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclapink text-[5vw] xl:text-[6.3vh]\">\r\n                    FO<span class='ss03'>R<\/span>U<span class='ss03'>M<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclapurple text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    H<span class='ss01'>E<\/span><span class='ss03'>R<\/span>I<span class='ss02'>N<\/span><span class='ss01'>G<\/span>                <\/p>\r\n\r\n                <div hidden xl:block class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclamustard text-[5vw] xl:text-[6.3vh]\">\r\n                    I<span class='ss03'>T<\/span><span class='ss01'>A<\/span>\u00da <span class='ss02'>P<\/span><span class='ss01'>E<\/span><span class='ss03'>R<\/span>SO<span class='ss02'>N<\/span><span class='ss02'>N<\/span><span class='ss01'>A<\/span><span class='ss04'>L<\/span>I<span class='ss03'>T<\/span><span class='ss01'>\u00c9<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclagreen text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    <span class='ss03'>M<\/span><span class='ss01'>A<\/span><span class='ss03'>M<\/span><span class='ss03'>M<\/span><span class='ss01'>A<\/span> <span class='ss03'>J<\/span><span class='ss01'>A<\/span><span class='ss03'>M<\/span><span class='ss03'>M<\/span><span class='ss01'>A<\/span>                <\/p>\r\n\r\n                <div hidden xl:block class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclagreen text-[5vw] xl:text-[6.3vh]\">\r\n                    OU<span class='ss03'>T<\/span>B<span class='ss01'>A<\/span><span class='ss04'>C<\/span>K                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclapurple text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    <span class='ss03'>R<\/span>I<span class='ss04'>C<\/span>H<span class='ss01'>A<\/span><span class='ss03'>R<\/span>DS                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclablue text-[5vw] xl:text-[6.3vh]\">\r\n                    S<span class='ss01'>A<\/span><span class='ss04'>L<\/span>I<span class='ss02'>N<\/span><span class='ss01'>A<\/span>S                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclalightorange text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    S<span class='ss04'>C<\/span>HU<span class='ss03'>T<\/span><span class='ss02'>Z<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclapink text-[5vw] xl:text-[6.3vh]\">\r\n                    SHOU<span class='ss04'>L<\/span>D<span class='ss01'>E<\/span><span class='ss03'>R<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclayellow text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    S<span class='ss02'>P<\/span>O<span class='ss03'>T<\/span>IF<span class='ss03'>Y<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclalightorange text-[5vw] xl:text-[6.3vh]\">\r\n                    <span class='ss03'>T<\/span>IK<span class='ss03'>T<\/span>OK                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclapurple text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    <span class='ss03'>T<\/span>I<span class='ss03'>M<\/span> B<span class='ss03'>R<\/span><span class='ss01'>A<\/span>SI<span class='ss04'>L<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclagreen text-[5vw] xl:text-[6.3vh]\">\r\n                    V<span class='ss01'>A<\/span><span class='ss02'>N<\/span>S                <\/p>\r\n\r\n                <div hidden xl:block class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclamustard text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    VIVO                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclablue text-[5vw] xl:text-[6.3vh]\">\r\n                    VIX                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclagreen text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    W<span class='ss01'>A<\/span><span class='ss03'>R<\/span><span class='ss02'>N<\/span><span class='ss01'>E<\/span><span class='ss03'>R<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclayellow text-[5vw] xl:text-[6.3vh]\">\r\n                    <span class='ss02'>Z<\/span><span class='ss01'>E<\/span><span class='ss01'>E<\/span>.DO<span class='ss01'>G<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                            <p class=\"g-cloud-word leading-none px-2 mb-2 xl:px-5 xl:mb-5 transition-colors duration-300 hover:!text-teclapink text-[5vw] xl:text-[6.4vh] font-krok\">\r\n                    <span class='ss02'>Z<\/span>I<span class='ss02'>N<\/span><span class='ss02'>Z<\/span><span class='ss01'>A<\/span><span class='ss02'>N<\/span><span class='ss01'>E<\/span>                <\/p>\r\n\r\n                <div hidden class=\"w-full\"><\/div>\r\n                    <\/div>\r\n\r\n        <p class=\"g-cloud-word leading-none px-2 xl:px-5 transition-colors duration-300 hover:!text-teclagreen text-[5vw] xl:text-[6.3vh] text-center\">\r\n            <span class='ss03'>M<\/span>O<span class='ss03'>R<\/span><span class='ss01'>E<\/span>        <\/p>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section class=\"pb-[12vw] xl:pb-[14vh] bg-tecladark pt-[6vw]\" id=\"casesCarousel\">\r\n    <div class=\"swiper\" id=\"casesCarouselSwiper\">\r\n        <div class=\"swiper-wrapper\">\r\n\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 0 )\">\r\n                        <img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/04\/Glo-100-anos_capa-siteArtboard-1-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Globo 100 Anos\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 1 )\">\r\n                        <img decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-13-512x640.jpg\" width=\"512\" height=\"640\" alt=\"A Maior Playlist de M\u00fasica Brasileira do Mundo\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 2 )\">\r\n                        <img decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/12\/Nu-Ultra_CapaArtboard-8-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Casa Nubank Ultravioleta\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 3 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloCapa_Site_-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Grupo Riachuelo\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 4 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/09\/Capa-SiteArtboard-1-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Warner Music\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 5 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/06\/CAPA-CASE-SITEArtboard-1-512x640.jpg\" width=\"512\" height=\"640\" alt=\"ADIDAS\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 6 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Capa_MCCase_Site-512x640.jpg\" width=\"512\" height=\"640\" alt=\"McDonald&#8217;s\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 7 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/01\/Case_NuTecla_Post_Case-Nubank_01-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Nubank\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 8 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Tecla_Post_Case-Outback_01_Site-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Outback\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 9 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/Tecla_Case_SpotifyPride_Prancheta-1-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Spotify Pride\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 10 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Tecla_Site_Case-Itau01-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Ita\u00fa Personalite\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 11 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Tecla_Site_Case-ArezzoPrancheta-1-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Arezzo\" \/>                    <\/div>\r\n                                    <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 0 )\">\r\n                        <img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/04\/Glo-100-anos_capa-siteArtboard-1-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Globo 100 Anos\" \/>                    <\/div>\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 1 )\">\r\n                        <img decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-13-512x640.jpg\" width=\"512\" height=\"640\" alt=\"A Maior Playlist de M\u00fasica Brasileira do Mundo\" \/>                    <\/div>\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 2 )\">\r\n                        <img decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/12\/Nu-Ultra_CapaArtboard-8-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Casa Nubank Ultravioleta\" \/>                    <\/div>\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 3 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloCapa_Site_-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Grupo Riachuelo\" \/>                    <\/div>\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 4 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/09\/Capa-SiteArtboard-1-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Warner Music\" \/>                    <\/div>\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 5 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/06\/CAPA-CASE-SITEArtboard-1-512x640.jpg\" width=\"512\" height=\"640\" alt=\"ADIDAS\" \/>                    <\/div>\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 6 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Capa_MCCase_Site-512x640.jpg\" width=\"512\" height=\"640\" alt=\"McDonald&#8217;s\" \/>                    <\/div>\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 7 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/01\/Case_NuTecla_Post_Case-Nubank_01-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Nubank\" \/>                    <\/div>\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 8 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Tecla_Post_Case-Outback_01_Site-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Outback\" \/>                    <\/div>\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 9 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/Tecla_Case_SpotifyPride_Prancheta-1-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Spotify Pride\" \/>                    <\/div>\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 10 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Tecla_Site_Case-Itau01-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Ita\u00fa Personalite\" \/>                    <\/div>\r\n                                <div class=\"cursor-pointer swiper-slide\" @click=\"openCloseModal( 11 )\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Tecla_Site_Case-ArezzoPrancheta-1-512x640.jpg\" width=\"512\" height=\"640\" alt=\"Arezzo\" \/>                    <\/div>\r\n                    <\/div>\r\n\r\n        <div class=\"hidden md:flex swiper-button-next next-cases h-8 md:h-[45px] md:w-[45px] w-8 bg-teclatexts rounded-full\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80.21 97.555\" class=\"fill-current text-tecladark !w-3\">\n    <g data-name=\"Group 47\">\n        <path d=\"M80.21 48.777 0 0v97.555Z\" data-name=\"Path 84\" \/>\n    <\/g>\n<\/svg>        <\/div>\r\n        <div class=\"hidden md:flex swiper-button-prev prev-cases h-8 md:h-[45px] md:w-[45px] w-8 bg-teclatexts rounded-full\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80.21 97.555\" class=\"fill-current text-tecladark !w-3 rotate-180\">\n    <g data-name=\"Group 47\">\n        <path d=\"M80.21 48.777 0 0v97.555Z\" data-name=\"Path 84\" \/>\n    <\/g>\n<\/svg>        <\/div>\r\n    <\/div>\r\n\r\n    \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 0\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/04\/Glo-100-anos-PDF.pdf\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/04\/Glo-100-anosArtboard-2-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/04\/Glo-100-anosArtboard-5-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/04\/Glo-100-anosArtboard-7-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/04\/Glo-100-anosArtboard-11-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/04\/Glo-100-anosArtboard-10-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p><strong>A trilha sonora dos 100 anos de Globo<\/strong><br>N\u00e3o se faz 100 anos de hist\u00f3ria \u2013 na TV, no r\u00e1dio, jornal e internet \u2013 sem fazer muito barulho. E se tem som, \u00e9 claro que tem Tecla Music: por isso, fomos convidados a participar da campanha de anivers\u00e1rio da Globo, com o quiz que testa seu conhecimento dos programas e produtos do grupo \u2013 sempre atrav\u00e9s da m\u00fasica.<\/p>\n\n\n\n<p><em>\u201cNessa experi\u00eancia digital, os usu\u00e1rios precisam acertar a faixa musical que embalou grandes cenas da Globo nos \u00faltimos 100 anos, incluindo vinhetas hist\u00f3ricas, trechos ic\u00f4nicos de novelas e momentos marcantes para o povo brasileiro.\u201d\u00a0<\/em><\/p>\n\n\n\n<p>Eduardo Boorhem &#8211; Novos Neg\u00f3cios Tecla Music<\/p>\n\n\n\n<p><strong>100 anos, 100 playlists<\/strong><\/p>\n\n\n\n<p>Ao final da experi\u00eancia, convidamos cada pessoa a conhecer uma das 100 playlists criadas para o perfil oficial da Globo no Spotify. Tem, literalmente, m\u00fasica para todos os gostos: \u00e9 uma viagem no tempo e na hist\u00f3ria de uma marca que representa tanto o nosso pa\u00eds.<\/p>\n\n\n\n<p><strong>Chamada:<\/strong><\/p>\n\n\n\n<p>100 anos de @globo e claro que vai ter Tecla Music nessa campanha: criamos a experi\u00eancia digital que prova seu conhecimento nos momentos mais marcantes da hist\u00f3ria do grupo atrav\u00e9s da m\u00fasica! Das novelas aos programas ic\u00f4nicos, voc\u00ea acha que est\u00e1 por dentro do plim-plim?<\/p>\n\n\n\n<p><a href=\"http:\/\/globo100anosquiz.com\" data-type=\"link\" data-id=\"globo100anosquiz.com\" target=\"_blank\" rel=\"noopener\">Fa\u00e7a o teste<\/a> e descubra! \ud83d\ude09<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 1\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-13-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-2-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-3-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-4-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-5-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-6-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-7-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-8-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-9-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-11-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2025\/02\/Case-Petrobras_Artboard-12-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p><strong>Brasil no topo<\/strong><\/p>\n\n\n\n<p>Em uma colabora\u00e7\u00e3o entre as ag\u00eancias <strong>Propeg<\/strong> e <strong>Tecla Music<\/strong>, nasceu a ideia de criar, para a <strong>Petrobras<\/strong>, um projeto que apresentasse toda a nossa riqueza cultural. Essa \u00e9 a maior playlist de m\u00fasica brasileira do mundo, com 10 mil faixas adicionadas \u2013 o m\u00e1ximo de m\u00fasicas permitidas no Spotify.<br><br>\u00c9 toda a nossa diversidade em uma s\u00f3 playlist \ud83d\ude09<\/p>\n\n\n\n<p><strong>\u00c9 tudo isso mesmo?<\/strong><\/p>\n\n\n\n<p>\u00c9 sim, e mais um pouco tamb\u00e9m: a pesquisa abrangeu 150 subg\u00eaneros musicais, incluindo Sertanejo, Samba e MPB at\u00e9 vertentes regionais como Coco, Maracatu, Folia de Reis e Jongo.<br><br>S\u00e3o mais de 6 mil artistas diferentes, uma sele\u00e7\u00e3o 100% brasileira \u2013 de nomes consagrados a novas descobertas. Ao todo, as 10 mil m\u00fasicas levam at\u00e9 25 dias para serem ouvidas!<\/p>\n\n\n\n<p><strong>O que voc\u00ea quer ouvir?<\/strong><br><br>O p\u00fablico tamb\u00e9m teve papel importante na curadoria, enviando mais de 2000 sugest\u00f5es de m\u00fasicas em uma ativa\u00e7\u00e3o exclusiva que ocupou o Festival Spanta, no Rio.<br><br>Artistas como J\u00e3o, Lu\u00edsa Sonza, Jorge Arag\u00e3o, Anitta, Liniker, Tim Maia e Ivete Sangalo foram destaque entre as mais pedidas.<\/p>\n\n\n\n<p><strong>Para todos os Brasis\u2026<\/strong><\/p>\n\n\n\n<p>Uma s\u00f3 playlist: a maior de todas, dispon\u00edvel na maior plataforma de streaming do mundo.<br>\u00c9 uma verdadeira celebra\u00e7\u00e3o da diversidade cultural e musical do Brasil, apresentada pela Petrobras.<\/p>\n\n\n\n<p><strong>De norte a sul: os especialistas<\/strong><strong><br><\/strong><br>A Tecla Music Agency, refer\u00eancia em identidade sonora com 18 anos de experi\u00eancia, liderou a curadoria musical em parceria com pesquisadores regionais de todo o Brasil.&nbsp;<\/p>\n\n\n\n<p>Com a diversidade em foco, buscamos representar musicalmente todos os estados do pa\u00eds, atrav\u00e9s do olhar atento de nomes como, <strong>Fabr\u00edcio Nobre<\/strong> (Festival Bananada), <strong>Luciano Matos<\/strong> (Festival Radioca), <strong>Ana Morena<\/strong> e <strong>Anderson Foca<\/strong> (Festival DoSol), <strong>A\u00edla<\/strong> (Festival MANA), <strong>Vin\u00edcius Leme<\/strong> (Festival Casar\u00e3o), <strong>Artur Santoro<\/strong> (Festival Batekoo) e <strong>Gabriel Cevallos<\/strong> (Festival Kino Beat).<br><br><strong>\u201cParticipar da constru\u00e7\u00e3o dessa playlist \u00e9 como embarcar em uma viagem pelo Brasil, conectando todas as regi\u00f5es por meio da m\u00fasica. Come\u00e7amos 2025 ainda mais confiantes na nossa brasilidade!\u201d <\/strong><br><em>Jean Tranjan, Editor-chefe e gerente de curadoria da Tecla Music.<\/em><\/p>\n\n\n\n<p><a href=\"https:\/\/open.spotify.com\/playlist\/3J4M31TAhdKInjkYNT84xS?si=9Vmsdm37TmWxq8y6aOh3XA\" data-type=\"link\" data-id=\"https:\/\/open.spotify.com\/playlist\/3J4M31TAhdKInjkYNT84xS?si=9Vmsdm37TmWxq8y6aOh3XA\" target=\"_blank\" rel=\"noopener\">D\u00e1 o play<\/a>, Brasil!<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 2\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/12\/Nu-Ultra_CapaArtboard-8-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/12\/Nu-Ultra_Artboard-2-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/12\/Nu-Ultra_Artboard-4-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/12\/Nu-UltraArtboard-6-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/12\/Nu-Ultra_Artboard-5-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/12\/Nu-Ultra_Artboard-7-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/12\/Nu-Ultra_Artboard-8_2-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p><strong>A Casa Nubank Ultravioleta tem curadoria musical&nbsp;da Tecla Music<\/strong><\/p>\n\n\n\n<p><strong>Um ref\u00fagio no parque<\/strong><\/p>\n\n\n\n<p>Bem no meio do Ibirapuera, uma casa\u2026 mas n\u00e3o qualquer casa. O espa\u00e7o, criado pelo Nubank exclusivamente para clientes Ultravioleta, foi projetado para que as pessoas aproveitem cada momento ao m\u00e1ximo \u2013 como a vida deveria ser.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/international.nubank.com.br\/wp-content\/uploads\/2024\/11\/REEL1-CASA-NUBANK-4K-1.mp4\"><\/video><\/figure>\n\n\n\n<p><strong>E a Tecla Music?<\/strong><br><br>Se o centro dessa experi\u00eancia \u00e9 o usu\u00e1rio \u2013 com todo cuidado para que ele sinta-se em casa \u2013 com a m\u00fasica n\u00e3o \u00e9 diferente. Por isso, Nubank convidou a Tecla Music para assumir a identidade sonora do espa\u00e7o, com aten\u00e7\u00e3o \u00e0s \u00e1reas comuns e tamb\u00e9m aos detalhes que fazem parte da jornada desse lugar.<\/p>\n\n\n\n<p>Atrav\u00e9s de uma curadoria humana e especializada, chegamos ao resultado que reflete a ess\u00eancia e a identidade de Nubank Ultravioleta. A trilha entrega uma sele\u00e7\u00e3o grande de m\u00fasicas atemporais e de sonoridades distintas, criativas e, ao mesmo tempo, confort\u00e1veis de se ouvir \u2013 para se sentir sempre em casa.<br><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>\u201cAtrav\u00e9s de uma curadoria humana, o resultado reflete a ess\u00eancia de Nubank Ultravioleta, com uma sele\u00e7\u00e3o de m\u00fasicas atemporais e de sonoridades distintas, criativas e, ao mesmo tempo, confort\u00e1veis de se ouvir.\u201d<\/em><\/p>\n\n\n\n<p><\/p>\n<cite><strong>Jean Tranjan,&nbsp;<\/strong>Gerente de Curadoria Tecla Music<\/cite><\/blockquote>\n\n\n\n<p><strong>Arquitetura integrada \u00e0 natureza:<\/strong>&nbsp;valoriza\u00e7\u00e3o de elementos naturais e linhas modernas que se fundem ao parque.<\/p>\n\n\n\n<p><strong>Espa\u00e7os multifuncionais<\/strong>:&nbsp;\u00e1reas para relaxamento e experi\u00eancias sensoriais exclusivas \u2013 incluindo banhos p\u00f3s-corridas.<\/p>\n\n\n\n<p><strong>Curadoria sonora pela Tecla Music:<\/strong>&nbsp;trilha personalizadas para cada evento, experi\u00eancia e at\u00e9 nas cabines de banho.<\/p>\n\n\n\n<p>Procurando essa experi\u00eancia powered by Tecla Music? Te esperamos em Casa \ud83d\ude09<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 3\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloCapa_Site_-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloTela2-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloArtboard-1-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloTela3-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloTela4-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloArtboard-2-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloTela6-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloTela5-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloTela7-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/10\/Tecla_Post_Case-RiachueloTela8-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p><strong>Identidade sonora<\/strong><\/p>\n\n\n\n<p>Um dos maiores grupos varejistas do Brasil, com 4 marcas e centenas de pontos de venda de Norte a Sul do pa\u00eds, \u00e9 powered by Tecla Music.<\/p>\n\n\n\n<p><strong>Ra\u00edzes brasileiras,\u00a0pluralidade musical<\/strong><\/p>\n\n\n\n<p>Para o Grupo Riachuelo, moda est\u00e1 no superlativo. Por isso, nossa proposta vem de encontro com o desejo da marca, de comunicar seus conceitos tamb\u00e9m atrav\u00e9s do som.<\/p>\n\n\n\n<p><strong>Um s\u00f3 grupo<\/strong><\/p>\n\n\n\n<p>Na constru\u00e7\u00e3o da identidade sonora da Riachuelo, olhamos para um projeto que contempla 4 grandes marcas do varejo, incluindo, al\u00e9m da marca m\u00e3e: <strong>Casa Riachuelo, Carter\u2019s <\/strong>e<strong> Fanlab.<\/strong><\/p>\n\n\n\n<p>O desafio? apresentar a moda democr\u00e1tica com uma sonoridade agrad\u00e1vel e brasileira.<\/p>\n\n\n\n<p><strong>RIACHUELO: Do Brasil para os brasileiros<\/strong><\/p>\n\n\n\n<p>Popular, brasileira, animada e moderna, onde se encontra de tudo um pouco \u2013 do jeitinho que a gente gosta \ud83d\ude42<\/p>\n\n\n\n<p><strong>CASA RIACHUELO: Lugar que te acalma<\/strong><\/p>\n\n\n\n<p>A est\u00e9tica sonora traz uma trilha leve e tranquila, sem deixar de lado os cl\u00e1ssicos, com faixas queridas por todos.<\/p>\n\n\n\n<p><strong>CARTER<\/strong>`<strong>S: \u00c9 para todas as m\u00e3es<\/strong><\/p>\n\n\n\n<p>Buscamos sonoridades animadas, que se conectem \u00e0s novas m\u00e3es: uma busca tamb\u00e9m por sons que trazem frescor ao espa\u00e7o.<\/p>\n\n\n\n<p><strong>FANLAB: Let&#8217;s play!<\/strong><\/p>\n\n\n\n<p>Lugar de experimentar, onde apresentamos sonoridades antenadas com a \u00faltima tend\u00eancia e tamb\u00e9m elementos da cultura pop, conectada ao p\u00fablico mais jovem.<br><\/p>\n\n\n\n<p><em>&#8220;A mistura de todos esses pilares \u00e9 o que representa a nova identidade musical do grupo, criando uma experi\u00eancia musical acolhedora e democr\u00e1tica \u2013 que fazem parte do DNA Riachuelo.&#8221;<\/em><\/p>\n\n\n\n<p><strong>Jean Tranjan<\/strong>, Gerente de Curadoria da Tecla Music<\/p>\n\n\n\n<p><strong>Muito al\u00e9m da r\u00e1dio<\/strong><\/p>\n\n\n\n<p>Seja nas lojas ou no seu streaming favorito, a gente est\u00e1 aqui para cuidar da conex\u00e3o da sua marca com seus consumidores \u2013 usando a m\u00fasica como ferramenta. <strong>Vamos fazer barulho?<\/strong><\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 4\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/09\/Case-Warner-Premios_Artboard-1-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/09\/Case-Warner-Premios_Artboard-2-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/09\/Case-Warner-Premios_Artboard-3-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/09\/Case-Warner-Premios_Artboard-4-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/09\/Case-Warner-Premios_Artboard-5-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p><strong>J\u00c1 PENSOU EM GANHAR UM ITEM EXCLUSIVO DO SEU ARTISTA FAVORITO<\/strong><br>A TECLA, JUNTO COM A WARNER MUSIC BRASIL, TE CONVIDA A PARTICIPAR DA EXPERI\u00caNCIA FESTIVAL DE PR\u00caMIOS WARNER MUSIC.<\/p>\n\n\n\n<p><strong>TECLA &amp; WARNER: PARCERIA PREMIADA<\/strong><br>A CONVITE DA WARNER, A TECLA PENSOU EM COMO AGRADAR OS SUPERF\u00c3S DE ARTISTAS PREMIADOS COMO IZA, POCAH, PEDRO SAMPAIO, FERRUGEM, MC IG, MC HARIEL E OUTROS!<\/p>\n\n\n\n<p><strong>ITENS EXCLUSIVOS DO SEU ARTISTA FAVORITO<\/strong><br>CRIAMOS UMA EXPERI\u00caNCIA DIGITAL EM QUE O F\u00c3 ESCOLHE SEU ARTISTA FAVORITO, NOS CONTA PORQUE ELE O INSPIRA E CONCORRE A UM PR\u00caMIO EXCLUSIVO J\u00c1 USADO PELO ARTISTA.<br>ENTRE OS PR\u00caMIOS, EST\u00c3O O FIGURINO UTILIZADO PELA IZA NO THE TOWN, UM CAVAQUINHO AUTOGRAFADO PELO FERRUGEM, A BALACLAVA CUSTOMIZADA DO MC IG E OUTRAS PE\u00c7AS IC\u00d4NICAS.<\/p>\n\n\n\n<p><strong>ENGAJAMENTO, EXCLUSIVIDADE E EXPERI\u00caNCIA: O COMBO DE MILH\u00d5ES<\/strong><br>COM A EXPERI\u00caNCIA DIGITAL PROPOSTA, CONSEGUIMOS <strong>ENGAJAR OS F\u00c3S<\/strong> NAS REDES E NO SPOTIFY, ATRAV\u00c9S DE SEGUIDORES DAS PLAYLISTS, OFERECEMOS EXCLUSIVIDADE AOS F\u00c3S, SORTEANDO ITENS \u00daNICOS E GARANTIMOS UMA EXPERI\u00caNCIA DE PROXIMIDADE DO F\u00c3 COM O ARTISTA.<br><br>ESSE COMBO GARANTE O FOCO NA RELA\u00c7\u00c3O ARTISTA &amp; SUPERF\u00c3, AVALIADA COMO UMA DAS PRINCIPAIS NA ESTRAT\u00c9GIA DE CRESCIMENTO DA IND\u00daSTRIA DA M\u00daSICA.<br><br><strong>VAMOS FAZER BARULHO?<\/strong><br>ENTRE NO SITE <a href=\"http:\/\/www.festivaldepremioswarnermusic.com\" target=\"_blank\" rel=\"noopener\">WWW.FESTIVALDEPREMIOSWARNERMUSIC.COM<\/a> E CONCORRA TAMB\u00c9M!<br>ESSA \u00c9 S\u00d3 MAIS UMA DAS EXPERI\u00caNCIAS DIGITAIS PENSADAS PELA TECLA. CONFIRA TODAS NO NOSSO SITE \ud83d\ude42<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 5\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/06\/CAPA-CASE-SITEArtboard-1-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/06\/PRIDE-ADIDASXPABLLO_Artboard-2-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/06\/PRIDE-ADIDASXPABLLO_Artboard-5-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/06\/PRIDE-ADIDASXPABLLO_Artboard-3-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/06\/PRIDE-ADIDASXPABLLO_Artboard-4-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                                                    <h5 class=\"uppercase font-medium min-[1196px]:text-2xl bg-tecladark w-fit px-2 mb-4 min-[1196px]:mb-20\">\r\n                                        Projetos Especiais                                    <\/h5>\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p>A gente olha pra Pabllo Vittar e grita: a-r-t-i-s-t-a!!! Provando que \u00e9 vers\u00e1til, global e voz ativa da comunidade LGBTQIA +, ela assinou a cole\u00e7\u00e3o Pride da Adidas com a mensagem &#8220;Love Unites&#8221;.<\/p>\n\n\n\n<p>Ver a drag brasileira brilhando em uma das marcas mais valiosas do mundo enche a gente de orgulho. Participar desse projeto e ajudar a traduzir a campanha musicalmente em colabora\u00e7\u00e3o com a pr\u00f3pria Vittar, tamb\u00e9m foi motivo de orgulho aqui na Tecla Music.<\/p>\n\n\n\n<p><em>&#8220;Pride \u00e9 muito importante para mim, por isso estou profundamente honrada em ter criado essa cole\u00e7\u00e3o com a adidas para celebrar nossa comunidade. Meu objetivo para a cole\u00e7\u00e3o era expandir as lentes atrav\u00e9s das quais somos vistos &#8211; uma paleta de cores que incorpora e celebra o amplo espectro de identidades em nossa comunidade e a cultura que ela influencia&#8221; &#8211; Pabllo Vittar.<\/em><\/p>\n\n\n\n<p>Ajudar marcas e pessoas a traduzirem campanhas ou ideias em boas ondas sonoras \u00e9 a nossa vibe \ud83d\ude09<\/p>\n\n\n\n<p><a href=\"https:\/\/open.spotify.com\/playlist\/7t5uDNTo81mEjaWvrtsLrM?si=62a64540071d460a\" target=\"_blank\" rel=\"noreferrer noopener\">Clique aqui para dar o play! <\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.instagram.com\/p\/C8XH0npOwNJ\/?img_index=1\n<\/div><\/figure>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 6\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Capa_MCCase_Site-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Feed_MCCase_2-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Feed_MCCase_3-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Feed_MCCase_5-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Feed_MCCase_7-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                                                    <h5 class=\"uppercase font-medium min-[1196px]:text-2xl bg-tecladark w-fit px-2 mb-4 min-[1196px]:mb-20\">\r\n                                        Experi\u00eancias Digitais                                    <\/h5>\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p>O hamb\u00farguer mais famoso do mundo com uma experi\u00eancia musical Powered by Tecla Music.<\/p>\n\n\n\n<p>Que o Big Mac \u00e9 um lanche que une todas as tribos e gostos, a gente j\u00e1 sabe. Mas voc\u00ea sabia que pode descobrir qual de suas vers\u00f5es combina mais com voc\u00ea &#8211; e melhor ainda, ganhar uma playlist exclusiva pro seu estilo?<\/p>\n\n\n\n<p>Com esse mote, fomos convidados pelo McDonalds e Spotify para embalar musicalmente a campanha de lan\u00e7amento dos novos Big Mac\u2019s &#8211; agora nas vers\u00f5es Duplo e Bacon.<\/p>\n\n\n\n<p>Por aqui, fomos respons\u00e1veis por desenvolver uma experi\u00eancia digital que descobria o hamb\u00farguer certo pra voc\u00ea de acordo com seu gosto musical &#8211; a partir de uma an\u00e1lise do seu perfil na plataforma de streaming.<\/p>\n\n\n\n<p><strong>3 hamb\u00fargueres, 3 moods<\/strong><\/p>\n\n\n\n<p>Ao final da experiencia, cada usu\u00e1rio recebe uma playlist personalizada de acordo com o que anda ouvindo para combinar com seu novo lanche favorito.<\/p>\n\n\n\n<p>&#8211; Big Mac Bacon: Hits Atuais &amp; Pop Internacional.<br>&#8211; Big Mac Duplo: Hits Atuais &amp; Pop Nacional.<br>&#8211; Big Mac Original: Pop Nost\u00e1lgico Nacional e Internacional.<\/p>\n\n\n\n<p>Dois hamb\u00fargueres, alface, queijo, molho especial, cebola, picles e a <a href=\"https:\/\/bigmacpratodomundo.withspotify.com\/\" data-type=\"link\" data-id=\"https:\/\/bigmacpratodomundo.withspotify.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">playlist certa pra voc\u00ea curtir<\/a>.<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 7\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/01\/Case_NuTecla_Post_Case-Nubank_01-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/01\/Case_NuTecla_Post_Case-Nubank_02-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/01\/Case_NuTecla_Post_Case-Nubank_04-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/01\/Case_NuTecla_Post_Case-Nubank_05-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/01\/Case_NuTecla_Post_Case-Nubank_06-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/01\/Case_NuTecla_Post_Case-Nubank_07-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                                                    <h5 class=\"uppercase font-medium min-[1196px]:text-2xl bg-tecladark w-fit px-2 mb-4 min-[1196px]:mb-20\">\r\n                                        Experi\u00eancias Digitais                                    <\/h5>\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p>Se voc\u00ea pudesse escolher uma \u00fanica m\u00fasica para te acompanhar pelos pr\u00f3ximos 10 anos, qual seria?<\/p>\n\n\n\n<p>Com esse mote, o Nubank nos convidou para a\u00e7\u00e3o de anivers\u00e1rio de 10 anos da marca, onde voc\u00ea poderia sugerir uma faixa para a c\u00e1psula do tempo do banco: uma playlist especial com as m\u00fasicas que os f\u00e3s querem continuar ouvindo pela pr\u00f3xima d\u00e9cada &#8211; j\u00e1 dispon\u00edvel no perfil oficial de Nu no Spotify.<\/p>\n\n\n\n<p>A a\u00e7\u00e3o funcionou em torno de um quiz super din\u00e2mico: com duas perguntas simples sobre g\u00eaneros e ritmos, Nubank quer te ajudar a continuar embalando musicalmente seus momentos &#8211; de hoje at\u00e9 os pr\u00f3ximos 10 anos.<\/p>\n\n\n\n<p>Entre o Pop, Samba &amp; Pagode e a MPB &#8211; seja para os aceleradinhos ou a galera mais relax &#8211; no final a gente cuida da playlist ideal para voc\u00ea, com as faixas que v\u00e3o te acompanhar, para voc\u00ea viver n possibilidades.<\/p>\n\n\n\n<p>Porque o Nubank acredita que, assim como o banco, a m\u00fasica tamb\u00e9m em o poder de conectar pessoas, estreitar rela\u00e7\u00f5es e fazer momentos se tornarem inesquec\u00edveis.<\/p>\n\n\n\n<p>M\u00fasica \u00e9 o que nos move, hoje e sempre. &lt;3<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 8\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Tecla_Post_Case-Outback_01_Site-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Tecla_Post_Case-Outback_02-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Tecla_Post_Case-Outback_03-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Tecla_Post_Case-Outback_05-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Tecla_Post_Case-Outback_06-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2024\/02\/Tecla_Post_Case-Outback_08-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                                                    <h5 class=\"uppercase font-medium min-[1196px]:text-2xl bg-tecladark w-fit px-2 mb-4 min-[1196px]:mb-20\">\r\n                                        Streaming                                    <\/h5>\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p>A identidade musical do restaurante que conquista o cora\u00e7\u00e3o de todas as pessoas ao redor do mundo \u00e9 coisa nossa.<\/p>\n\n\n\n<p>Muito mais que um restaurante, o Outback \u00e9 uma experi\u00eancia e a m\u00fasica, claro, \u00e9 parte essencial dessa jornada. Por isso, fomos convidados para preparar o&nbsp; rebranding musical&nbsp; da marca no digital, cuidando de todos os pontos que influenciam a conex\u00e3o entre o p\u00fablico e o Outback no Spotify.<\/p>\n\n\n\n<p>Novas playlists, novo visual, novos conte\u00fados, em uma uni\u00e3o perfeita para a marca se manter sempre presente e fortalecida entre seus consumidores.<\/p>\n\n\n\n<p>Playlists tem\u00e1ticas para fortalecer campanhas, al\u00e9m de playlists que apresentam os moods da marca, com novidades todos os meses para que os seguidores estejam sempre acompanhando as boas novas do universo musical.<\/p>\n\n\n\n<p>O sabor inigual\u00e1vel de Outback acompanhado da trilha perfeita pra ouvir entre a galera &#8211; como a campanha de brasilidades da marca com o querido Thiaguinho &lt;3<\/p>\n\n\n\n<p>Para conferir todos os sons &#8211; e escolher seu favorito! &#8211; basta seguir o perfil do Outback no Spotify.<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 9\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/Tecla_Case_SpotifyPride_Prancheta-1-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/Tecla_Case_SpotifyPride_Prancheta-2-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/Tecla_Case_SpotifyPride_Prancheta-3-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/Tecla_Case_SpotifyPride_Prancheta-4-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/Tecla_Case_SpotifyPride_Prancheta-5-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                                                    <h5 class=\"uppercase font-medium min-[1196px]:text-2xl bg-tecladark w-fit px-2 mb-4 min-[1196px]:mb-20\">\r\n                                        Experi\u00eancias Digitais                                    <\/h5>\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p>Orgulho define: somos os respons\u00e1veis pela cria\u00e7\u00e3o da experi\u00eancia digital Aumente o Volume do Seu Orgulho, criada para Spotify com patroc\u00ednio do Youtube Shorts.<\/p>\n\n\n\n<p>Desenvolvemos um algoritmo integrado \u00e0 API do Spotify que calculava o percentual de artistas da categoria LGBTQIA+ na biblioteca do usu\u00e1rio &#8211; mostramos aos ouvintes como e quanto consomem de artistas LGBTQIA+ na plataforma.<\/p>\n\n\n\n<p>Ao final, ele apresentava a possibilidade de &#8216;aumentar o volume&#8217; do orgulho, gerando uma playlist que poderia ir a 100% de representatividade LGBTQIA+, curtindo a playlist e ainda escolhendo quantos nomes do universo o usu\u00e1rio poderia ouvir &#8211; e conhecer!<\/p>\n\n\n\n<p>O trabalho foi t\u00e3o especial que fomos selecionados pelo Spotify Advertising Hits 2022 &#8211; premia\u00e7\u00e3o que celebra as marcas, ag\u00eancias e campanhas &#8211; como a Melhor Experi\u00eancia Digital do ano!<\/p>\n\n\n\n<p>Demais, n\u00e9?<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 10\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Tecla_Site_Case-Itau01-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Case-Itau_02-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Case-Itau_03-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Case-Itau_04-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Case-Itau_05-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Case-Itau_06-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Case-Itau_07-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Case-Itau_08-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                                                    <h5 class=\"uppercase font-medium min-[1196px]:text-2xl bg-tecladark w-fit px-2 mb-4 min-[1196px]:mb-20\">\r\n                                        R\u00e1dio Indoor                                    <\/h5>\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p>Inova\u00e7\u00e3o, tecnologia, informa\u00e7\u00e3o &#8211; e muita m\u00fasica boa. Como conectamos o Ita\u00fa Personnalit\u00e9 a um perfil musical \u00fanico e potente. \ud83d\ude09<\/p>\n\n\n\n<p>O Investment Center do Ita\u00fa Personnalit\u00e9 se posiciona como uma experi\u00eancia para os investidores do mercado. A identidade musical, claro, tamb\u00e9m precisava acompanhar o mesmo ritmo e conceitos da marca \u2013 do f\u00edsico ao digital.<\/p>\n\n\n\n<p>\u00c9 a\u00ed que a gente entra. &lt;3<\/p>\n\n\n\n<p>Pensando nisso, usamos a m\u00fasica como fio condutor para abrir di\u00e1logo com a nova gera\u00e7\u00e3o de investidores, entendendo que, ao se posicionar musicalmente, a marca oferece uma experi\u00eancia acolhedora e ainda mais presente no dia-a-dia dos seus clientes.<\/p>\n\n\n\n<p>Assim, nos tornamos os respons\u00e1veis pela curadoria musical do Investment Center, um dos pontos mais importantes e estrat\u00e9gicos de S\u00e3o Paulo, na Faria Lima.<\/p>\n\n\n\n<p>O ambiente, que foi planejado para o encontro de jovens investidores \u2013 com conte\u00fado, informa\u00e7\u00e3o, not\u00edcias e muito entretenimento, pedia aquela trilha sonora de qualidade, n\u00e9? \ud83d\ude09<br>Al\u00e9m da curadoria de m\u00fasicas, criamos uma s\u00e9rie de spots que ajudam a dar o tom informativo no espa\u00e7o e, dessa forma, posicionar o novo Ita\u00fa Investment Center para dialogar com o seu p\u00fablico.<\/p>\n\n\n\n<p>Em todo lugar tem m\u00fasica &#8211; e estamos aqui pra te mostrar os melhores caminhos. \ud83d\ude09<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                            <div class=\"fixed inset-0 z-50 bg-tecladark\/80\" v-show=\"openModal == 11\">\r\n                    <div class=\"fixed -translate-x-1\/2 -translate-y-1\/2 bg-white left-1\/2 top-1\/2 max-w-[80%] lg:max-w-[59%] w-[80%] h-modal\">\r\n                        <img decoding=\"async\" @click=\"openCloseModal( -1 )\" class=\"absolute z-50 cursor-pointer right-4 top-3\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/close-modal.png\" alt=\"\">\r\n\r\n                        <div class=\"flex flex-col md:flex-row\">\r\n                            <div class=\"md:w-[50%] swiper relative w-full\" id=\"casesCarouselModal\">\r\n                                <div class=\"relative z-0 swiper-wrapper\">\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Tecla_Site_Case-ArezzoPrancheta-1-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Post_Tecla-Arezzo_2-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Post_Tecla-Arezzo_3_B-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Post_Tecla-Arezzo_4_B-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                            <figure class=\"swiper-slide\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/09\/Post_Tecla-Arezzo_5-684x855.jpg\" alt=\"\">\r\n                                        <\/figure>\r\n                                                                    <\/div>\r\n                                <div class=\"z-10 flex justify-between w-full px-4 absolute-center-y\">\r\n                                    <button type=\"button\" class=\"rotate-180 cases-swiper-button-prev\"><\/button>\r\n                                    <button type=\"button\" class=\"cases-swiper-button-next \"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"p-7 min-[1196px]:pl-14 min-[1196px]:pr-16 min-[1196px]:py-[54px] md:w-[50%]\">\r\n                                                                    <h5 class=\"uppercase font-medium min-[1196px]:text-2xl bg-tecladark w-fit px-2 mb-4 min-[1196px]:mb-20\">\r\n                                        R\u00e1dio Indoor                                    <\/h5>\r\n                                \r\n                                <div class=\"content-modal-case uppercase text-[2.9vw] md:text-[2vw] min-[1196px]:text-[20px] text-tecladark leading-[1.2] overflow-y-auto\">\r\n                                    \n<p>A r\u00e1dio da maior marca de cal\u00e7ados femininos da Am\u00e9rica Latina agora \u00e9 Tecla Music \ud83d\ude09&nbsp;<\/p>\n\n\n\n<p>Atrav\u00e9s de uma imers\u00e3o e pesquisa pelo universo da Arezzo, criamos uma est\u00e9tica sonora que manifesta musicalmente o esp\u00edrito da marca para o seu p\u00fablico.<\/p>\n\n\n\n<p>Nosso projeto envolve identidade sonora e gest\u00e3o musical, do f\u00edsico ao digital &#8211; em mais de 400 lojas em todos o pa\u00eds.<\/p>\n\n\n\n<p>A trilha perfeita dos p\u00e9s \u00e0 cabe\u00e7a. &lt;3<\/p>\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <\/section>\n\n\r\n<section class=\"pt-[12vw] xl:pt-[72px] gradient-teclaorange relative\" id=\"playlistSwiper\" ref=\"playlistsContainer\">\r\n    <div class=\"text-black\">\r\n        <div class=\"relative\">\r\n            <div class=\"relative mx-4 xl:mx-[71px]\">\r\n                <div class=\"absolute top-0 w-2 h-2 transition-all duration-300 -translate-y-1\/2 rounded-full bg-tecladark\" :style=\"{left: `${progress}%` }\"><\/div>\r\n            <\/div>\r\n            \r\n                            <div class=\"flex justify-between items-start border-t border-tecladark pt-[18px] mx-4 xl:mx-[71px]\" v-show=\"currenctActivePlaylistIndex == 0\">\r\n                    <p class=\"text-base leading-none uppercase md:text-3xl xl:text-4xl font-krok text-tecladark\">playlists<\/p>\r\n\r\n                    <div class=\"max-w-[40%] xl:max-w-[446px] uppercase text-tecladark\">\r\n                        <h3 class=\"text-base md:text-3xl xl:text-4xl leading-none mb-[17px] font-semibold xl:font-medium\">P\u00e9 na Areia<\/h3>\r\n                        <p class=\"text-sm md:text-lg xl:text-lg min-h-[84px]\">\nM\u00fasicas que fazem sentir uma brisa gostosa e o sal na pele, onde quer que voc\u00ea esteja.\n<\/p>\r\n                    <\/div>\r\n                    <div class=\"relative\" :class=\"{'g-ouca-dropdown': indexDropdown == 0 }\">\r\n                        <p @click=\"toggleDropdownOuca( 0 )\" class=\"flex items-center gap-4 text-base cursor-pointer md:text-3xl xl:text-4xl text-tecladark\">\r\n                            OU\u00c7A <img decoding=\"async\" class=\"inline transition-all duration-300 g-ouca-dropdown-arrow\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\r\n                        <\/p>\r\n\r\n                        <div class=\"absolute left-0 top-[130%]\" v-show=\"indexDropdown == 0\">\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 0, &#039;visible&#039;: indexDropdown == 0}\" href=\"https:\/\/open.spotify.com\/playlist\/4dMWakoyHOlsLwAz719Z7V?si=a427095a7f63470d\" rel=\"noopener\">Spotify<\/a>\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 0, &#039;visible&#039;: indexDropdown == 0}\" href=\"https:\/\/deezer.page.link\/aW6Bmnvk3rppzosd9\" rel=\"noopener\">Deezer<\/a>\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 0, &#039;visible&#039;: indexDropdown == 0}\" href=\"https:\/\/youtube.com\/playlist?list=PL6cz3MaJmWXBPlcjOA-evMuVvOxcxRtJv&#038;si=V7AW1PxhzDAl0MuG\" rel=\"noopener\">YouTube<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                            <div class=\"flex justify-between items-start border-t border-tecladark pt-[18px] mx-4 xl:mx-[71px]\" v-show=\"currenctActivePlaylistIndex == 1\">\r\n                    <p class=\"text-base leading-none uppercase md:text-3xl xl:text-4xl font-krok text-tecladark\">playlists<\/p>\r\n\r\n                    <div class=\"max-w-[40%] xl:max-w-[446px] uppercase text-tecladark\">\r\n                        <h3 class=\"text-base md:text-3xl xl:text-4xl leading-none mb-[17px] font-semibold xl:font-medium\">Freshlist<\/h3>\r\n                        <p class=\"text-sm md:text-lg xl:text-lg min-h-[84px]\">\nCansado das mesmas m\u00fasicas? Ent\u00e3o chega mais para curtir novidades fresquinhas.\n<\/p>\r\n                    <\/div>\r\n                    <div class=\"relative\" :class=\"{'g-ouca-dropdown': indexDropdown == 1 }\">\r\n                        <p @click=\"toggleDropdownOuca( 1 )\" class=\"flex items-center gap-4 text-base cursor-pointer md:text-3xl xl:text-4xl text-tecladark\">\r\n                            OU\u00c7A <img decoding=\"async\" class=\"inline transition-all duration-300 g-ouca-dropdown-arrow\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\r\n                        <\/p>\r\n\r\n                        <div class=\"absolute left-0 top-[130%]\" v-show=\"indexDropdown == 1\">\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 1, &#039;visible&#039;: indexDropdown == 1}\" href=\"https:\/\/open.spotify.com\/playlist\/2XofYrlfK9jadhKKWEBJLq?si=bcf7756ac2944453\" rel=\"noopener\">Spotify<\/a>\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 1, &#039;visible&#039;: indexDropdown == 1}\" href=\"https:\/\/deezer.page.link\/w8m3yesLYn6KJKncA\" rel=\"noopener\">Deezer<\/a>\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 1, &#039;visible&#039;: indexDropdown == 1}\" href=\"https:\/\/youtube.com\/playlist?list=PL6cz3MaJmWXDLJKEyte16WKQ7wslYVixl&#038;si=2mEelGzE7QR12cKj\" rel=\"noopener\">YouTube<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                            <div class=\"flex justify-between items-start border-t border-tecladark pt-[18px] mx-4 xl:mx-[71px]\" v-show=\"currenctActivePlaylistIndex == 2\">\r\n                    <p class=\"text-base leading-none uppercase md:text-3xl xl:text-4xl font-krok text-tecladark\">playlists<\/p>\r\n\r\n                    <div class=\"max-w-[40%] xl:max-w-[446px] uppercase text-tecladark\">\r\n                        <h3 class=\"text-base md:text-3xl xl:text-4xl leading-none mb-[17px] font-semibold xl:font-medium\">Produto Nacional<\/h3>\r\n                        <p class=\"text-sm md:text-lg xl:text-lg min-h-[84px]\">\nCl\u00e1ssico \u00e9 cl\u00e1ssico. Nossa sele\u00e7\u00e3o musical com o melhor da m\u00fasica brasileira pra todos os momentos.\n<\/p>\r\n                    <\/div>\r\n                    <div class=\"relative\" :class=\"{'g-ouca-dropdown': indexDropdown == 2 }\">\r\n                        <p @click=\"toggleDropdownOuca( 2 )\" class=\"flex items-center gap-4 text-base cursor-pointer md:text-3xl xl:text-4xl text-tecladark\">\r\n                            OU\u00c7A <img decoding=\"async\" class=\"inline transition-all duration-300 g-ouca-dropdown-arrow\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\r\n                        <\/p>\r\n\r\n                        <div class=\"absolute left-0 top-[130%]\" v-show=\"indexDropdown == 2\">\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 2, &#039;visible&#039;: indexDropdown == 2}\" href=\"https:\/\/open.spotify.com\/playlist\/3jwrENgjtAZAc8TUFkVAx0?si=5a8a970ff68944d6\" rel=\"noopener\">Spotify<\/a>\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 2, &#039;visible&#039;: indexDropdown == 2}\" href=\"https:\/\/deezer.page.link\/f4VZHPyY92LwZHNw7\" rel=\"noopener\">Deezer<\/a>\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 2, &#039;visible&#039;: indexDropdown == 2}\" href=\"https:\/\/youtube.com\/playlist?list=PL6cz3MaJmWXCMyXQSCJEqIv6fj_VVP06Y&#038;si=KeaBZS6UL_p5RWrn\" rel=\"noopener\">YouTube<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                            <div class=\"flex justify-between items-start border-t border-tecladark pt-[18px] mx-4 xl:mx-[71px]\" v-show=\"currenctActivePlaylistIndex == 3\">\r\n                    <p class=\"text-base leading-none uppercase md:text-3xl xl:text-4xl font-krok text-tecladark\">playlists<\/p>\r\n\r\n                    <div class=\"max-w-[40%] xl:max-w-[446px] uppercase text-tecladark\">\r\n                        <h3 class=\"text-base md:text-3xl xl:text-4xl leading-none mb-[17px] font-semibold xl:font-medium\">Calmaria<\/h3>\r\n                        <p class=\"text-sm md:text-lg xl:text-lg min-h-[84px]\">\nFaixas gostosas que d\u00e3o aquela leveza para a alma. Com essa playlist, o relax \u00e9 certo.\n<\/p>\r\n                    <\/div>\r\n                    <div class=\"relative\" :class=\"{'g-ouca-dropdown': indexDropdown == 3 }\">\r\n                        <p @click=\"toggleDropdownOuca( 3 )\" class=\"flex items-center gap-4 text-base cursor-pointer md:text-3xl xl:text-4xl text-tecladark\">\r\n                            OU\u00c7A <img decoding=\"async\" class=\"inline transition-all duration-300 g-ouca-dropdown-arrow\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\r\n                        <\/p>\r\n\r\n                        <div class=\"absolute left-0 top-[130%]\" v-show=\"indexDropdown == 3\">\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 3, &#039;visible&#039;: indexDropdown == 3}\" href=\"https:\/\/open.spotify.com\/playlist\/10n7fUBDfjZmTRlafA54xs?si=a8cf10b3052949be\" rel=\"noopener\">Spotify<\/a>\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 3, &#039;visible&#039;: indexDropdown == 3}\" href=\"https:\/\/deezer.page.link\/oppYmLfC172N4Ev47\" rel=\"noopener\">Deezer<\/a>\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 3, &#039;visible&#039;: indexDropdown == 3}\" href=\"https:\/\/youtube.com\/playlist?list=PL6cz3MaJmWXC9nc3kkpqK0BvQT55rD7mH&#038;si=h7qN_gtd80uK3b43\" rel=\"noopener\">YouTube<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                            <div class=\"flex justify-between items-start border-t border-tecladark pt-[18px] mx-4 xl:mx-[71px]\" v-show=\"currenctActivePlaylistIndex == 4\">\r\n                    <p class=\"text-base leading-none uppercase md:text-3xl xl:text-4xl font-krok text-tecladark\">playlists<\/p>\r\n\r\n                    <div class=\"max-w-[40%] xl:max-w-[446px] uppercase text-tecladark\">\r\n                        <h3 class=\"text-base md:text-3xl xl:text-4xl leading-none mb-[17px] font-semibold xl:font-medium\">Nova Brasil<\/h3>\r\n                        <p class=\"text-sm md:text-lg xl:text-lg min-h-[84px]\">\nD\u00c1 O PLAY PARA CURTIR UMA SELE\u00c7\u00c3O COM OS TALENTOS DA NOVA GERA\u00c7\u00c3O DA M\u00daSICA NACIONAL.\n<\/p>\r\n                    <\/div>\r\n                    <div class=\"relative\" :class=\"{'g-ouca-dropdown': indexDropdown == 4 }\">\r\n                        <p @click=\"toggleDropdownOuca( 4 )\" class=\"flex items-center gap-4 text-base cursor-pointer md:text-3xl xl:text-4xl text-tecladark\">\r\n                            OU\u00c7A <img decoding=\"async\" class=\"inline transition-all duration-300 g-ouca-dropdown-arrow\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\r\n                        <\/p>\r\n\r\n                        <div class=\"absolute left-0 top-[130%]\" v-show=\"indexDropdown == 4\">\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 4, &#039;visible&#039;: indexDropdown == 4}\" href=\"https:\/\/open.spotify.com\/playlist\/71zu31l59NjXW3muCr6PVx?si=a41f934690fe4503\" rel=\"noopener\">Spotify<\/a>\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 4, &#039;visible&#039;: indexDropdown == 4}\" href=\"https:\/\/deezer.page.link\/WDJEWGsJ3vAVopYNA\" rel=\"noopener\">Deezer<\/a>\r\n                            <a target=\"_blank\" class=\"block text-lg uppercase transition-all duration-700 text-tecladark\" :class=\"{ &#039;invisible&#039; : indexDropdown !== 4, &#039;visible&#039;: indexDropdown == 4}\" href=\"https:\/\/youtube.com\/playlist?list=PL6cz3MaJmWXD_NHWSzG2DK5FOlrkEJ0nP&#038;si=96DpoQYLdkT7hkRt\" rel=\"noopener\">YouTube<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                    <\/div>\r\n\r\n        <div class=\"relative w-full swiper-container g-swiper-playlist mt-[4vh] overflow-hidden pt-[7vw]\">\r\n            <div class=\"hidden md:flex swiper-button-next next-playlists h-8 md:h-[45px] md:w-[45px] w-8 top-[7vw] bg-teclatexts rounded-full\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80.21 97.555\" class=\"fill-current text-tecladark !w-3\">\n    <g data-name=\"Group 47\">\n        <path d=\"M80.21 48.777 0 0v97.555Z\" data-name=\"Path 84\" \/>\n    <\/g>\n<\/svg>            <\/div>\r\n            <div class=\"hidden md:flex swiper-button-prev prev-playlists h-8 md:h-[45px] md:w-[45px] w-8 top-[7vw] bg-teclatexts rounded-full\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80.21 97.555\" class=\"fill-current text-tecladark !w-3 rotate-180\">\n    <g data-name=\"Group 47\">\n        <path d=\"M80.21 48.777 0 0v97.555Z\" data-name=\"Path 84\" \/>\n    <\/g>\n<\/svg>            <\/div>\r\n            \r\n            <div class=\"swiper-wrapper\">\r\n\r\n                                    <div class=\"swiper-slide\">\r\n                        <figure>\r\n                            <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/pe-na-areia-1078x639.jpg\" width=\"1078\" height=\"640\" alt=\"P\u00e9 na Areia\" \/>                        <\/figure>\r\n                    <\/div>\r\n                                    <div class=\"swiper-slide\">\r\n                        <figure>\r\n                            <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/freshlist-1078x639.jpg\" width=\"1078\" height=\"640\" alt=\"Freshlist\" \/>                        <\/figure>\r\n                    <\/div>\r\n                                    <div class=\"swiper-slide\">\r\n                        <figure>\r\n                            <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/produto-nacional-1078x639.jpg\" width=\"1078\" height=\"640\" alt=\"Produto Nacional\" \/>                        <\/figure>\r\n                    <\/div>\r\n                                    <div class=\"swiper-slide\">\r\n                        <figure>\r\n                            <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/calmaria-1078x639.jpg\" width=\"1078\" height=\"640\" alt=\"Calmaria\" \/>                        <\/figure>\r\n                    <\/div>\r\n                                    <div class=\"swiper-slide\">\r\n                        <figure>\r\n                            <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-thumb img-responsive \" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2023\/10\/nova-brasil-1078x639.jpg\" width=\"1078\" height=\"640\" alt=\"Nova Brasil\" \/>                        <\/figure>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n\r\n<section id=\"contato\" class=\"py-[13vw] xl:py-[12vh] bg-tecladark g-contato-section\">\r\n    <div class=\"container px-4 xl:px-[87px]\">\r\n        <div class=\"flex justify-between gap-4 lg:gap-8 3xl:gap-0 mb-10 lg:mb-[12vh] overflow-hidden\">\r\n\r\n            <figure class=\"max-w-[30%] md:max-w-[25%]\">\r\n                <a href=\"https:\/\/www.instagram.com\/teclamusicagency\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <img decoding=\"async\" class=\"animate-spin-reverse-slow\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/disc-instagram.png\" alt=\"\">\r\n                <\/a>\r\n            <\/figure>\r\n            <figure class=\"max-w-[30%] md:max-w-[25%]\">\r\n                <a class=\"disc-onda-news\" href=\"javascript:;\">\r\n                    <img decoding=\"async\" class=\"animate-spin-reverse-slow\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/disc-newsletter.png\" alt=\"\">\r\n                <\/a>\r\n            <\/figure>\r\n\r\n                            <figure class=\"max-w-[30%] md:max-w-[25%]\">\r\n                    <a href=\"https:\/\/teclamusic.com.br\/blog\/\">\r\n                        <img decoding=\"async\" class=\"animate-spin-reverse-slow\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/disc-blog.png\" alt=\"\">\r\n                    <\/a>\r\n                <\/figure>\r\n            \r\n                    <\/div>\r\n\r\n        <div class=\"flex flex-col items-start justify-between xl:flex-row\">\r\n            <div class=\"xl:max-w-[444px] xl:w-4\/5\">\r\n                <div class=\"flex flex-col sm:flex-row flex-wrap justify-center xl:justify-normal xl:flex-col gap-4 md:gap-4 mb-[37px] sm:mb-[85px] text-[6vw] md:text-5xl\">\r\n                    <a class=\"font-medium leading-none uppercase hover:font-bold\" href=\"https:\/\/open.spotify.com\/user\/teclamusic?si=d4c031c4be4c4b13&#038;nd=1\" target=\"_blank\" rel=\"noopener\">spotify<\/a>\r\n                    <a class=\"font-medium leading-none uppercase hover:font-bold\" href=\"https:\/\/www.deezer.com\/en\/profile\/1445087386\" target=\"_blank\" rel=\"noopener\">Deezer<\/a>\r\n                    <a class=\"font-medium leading-none uppercase hover:font-bold\" href=\"https:\/\/www.youtube.com\/channel\/UCGn23QeScLqyv1L0nw0XZTw\/playlists\" target=\"_blank\" rel=\"noopener\">youtube<\/a>\r\n                    <a class=\"font-medium leading-none uppercase hover:font-bold\" href=\"https:\/\/www.linkedin.com\/company\/teclamusicagency\" target=\"_blank\" rel=\"noopener\">linkedin<\/a>\r\n                    <a class=\"font-medium leading-none uppercase hover:font-bold\" href=\"https:\/\/www.tiktok.com\/@teclamusicagency\" target=\"_blank\" rel=\"noopener\">tiktok<\/a>\r\n                <\/div>\r\n\r\n                                    <div class=\"flex flex-wrap justify-between\">\r\n                                                    <p class=\"font-medium text-xl uppercase mb-5 leading-[1.3]\">\r\n                                \r\n                                                                    <a href=\"mailto:CONTATO@TECLAMUSIC.COM\">CONTATO@TECLAMUSIC.COM<\/a><br \/>\r\n                                \r\n                                                                    <span class=\"font-light\">+55 21 34371666<\/span>\r\n                                                            <\/p>\r\n                                                    <p class=\"font-medium text-xl uppercase mb-5 leading-[1.3]\">\r\n                                                                    SUPORTE TECLA MUSIC PLAYER<br \/>\r\n                                \r\n                                \r\n                                                                    <a class=\"block font-light\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=5521969243820\" target=\"_blank\" rel=\"noopener\">\r\n                                        +55 21 969243820                                    <\/a>\r\n                                    <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5521969243820\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span class=\"inline-flex items-center gap-2 font-light\">\r\n                                            MANDE UM WHATSAPP <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16.233 19.743\" class=\"fill-current h-[20px] text-teclatexts\">\n    <g data-name=\"Group 35\">\n        <path d=\"M16.233 9.872 0 .001v19.743Z\" data-name=\"Path 72\" \/>\n        <path d=\"M16.233 19.743h-1.752V0h1.752z\" data-name=\"Rectangle 48\" \/>\n    <\/g>\n<\/svg>                                        <\/span>\r\n                                    <\/a>\r\n\r\n                                                            <\/p>\r\n                                            <\/div>\r\n                            <\/div>\r\n\r\n            <div class=\"w-full xl:max-w-[50%] border border-teclatexts g-contato-target\">\r\n                <div class=\"flex items-center gap-4 py-6 px-5 md:px-[30px] border-b border-teclatexts\">\r\n                    <img decoding=\"async\" class=\"inline w-1\/5 max-w-[141px]\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/wave-small-white.png\" alt=\"\">\r\n                    <h4 class=\"uppercase text-[6vw] md:text-3xl leading-none\">FALA COM A GENTE<\/h4>\r\n                <\/div>\r\n                <!-- <form action=\"\" @submit.prevent=\"doSubmit\" id=\"contactForm\">\r\n                    <div class=\"flex flex-col border-b sm:flex-row border-teclatexts\">\r\n                        <div class=\"w-full border-b sm:border-b-0 sm:border-r sm:w-2\/5 border-teclatexts\">\r\n                            <label for=\"nome\">\r\n                                <input class=\"input-contato\" type=\"text\" placeholder=\"nome\" v-model=\"form.nome\">\r\n                            <\/label>\r\n                        <\/div>\r\n                        <div class=\"sm:w-3\/5\">\r\n                            <label for=\"email\">\r\n                                <input class=\"input-contato\" type=\"email\" placeholder=\"email\" v-model=\"form.email\">\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"w-full border-b border-teclatext\">\r\n                        <label for=\"assunto\">\r\n                            <input class=\"input-contato\" type=\"text\" placeholder=\"assunto\" v-model=\"form.assunto\">\r\n                        <\/label>\r\n                    <\/div>\r\n                    <div class=\"w-full\">\r\n                        <label for=\"assunto\">\r\n                            <textarea class=\"input-textarea\" name=\"mensagem\" id=\"\" placeholder=\"mensagem\" v-model=\"form.mensagem\"><\/textarea>\r\n                        <\/label>\r\n                    <\/div>\r\n\r\n                    <button class=\"flex justify-end items-center gap-3 w-full uppercase text-[4vw] sm:text-xl border-teclatexts border-t leading-none p-4 sm:p-7\" type=\"submit\" :class=\"{'bg-teclatexts text-tecladark': formIsValid }\">\r\n                        enviar\r\n                        <span :class=\"{'text-tecladark': formIsValid, 'text-teclatexts': !formIsValid}\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16.233 19.743\" class=\"fill-current h-[20px]\">\n    <g data-name=\"Group 35\">\n        <path d=\"M16.233 9.872 0 .001v19.743Z\" data-name=\"Path 72\" \/>\n        <path d=\"M16.233 19.743h-1.752V0h1.752z\" data-name=\"Rectangle 48\" \/>\n    <\/g>\n<\/svg><\/span>\r\n                    <\/button>\r\n                <\/form> -->\r\n\r\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f368-o1\" lang=\"pt-BR\" dir=\"ltr\" data-wpcf7-id=\"368\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/2#wpcf7-f368-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formul\u00e1rios de contato\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"368\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"pt_BR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f368-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_group_fields\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_visible_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_repeaters\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_steps\" value=\"{}\" \/><input type=\"hidden\" name=\"_wpcf7cf_options\" value=\"{&quot;form_id&quot;:368,&quot;conditions&quot;:[{&quot;then_field&quot;:&quot;submit-button&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;nome&quot;,&quot;operator&quot;:&quot;not equals&quot;,&quot;if_value&quot;:&quot;&quot;},{&quot;if_field&quot;:&quot;email&quot;,&quot;operator&quot;:&quot;not equals&quot;,&quot;if_value&quot;:&quot;&quot;},{&quot;if_field&quot;:&quot;assunto&quot;,&quot;operator&quot;:&quot;not equals&quot;,&quot;if_value&quot;:&quot;&quot;},{&quot;if_field&quot;:&quot;mensagem&quot;,&quot;operator&quot;:&quot;not equals&quot;,&quot;if_value&quot;:&quot;&quot;}]},{&quot;then_field&quot;:&quot;button-no-submit&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;nome&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;&quot;}]},{&quot;then_field&quot;:&quot;button-no-submit&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;email&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;&quot;}]},{&quot;then_field&quot;:&quot;button-no-submit&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;assunto&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;&quot;}]},{&quot;then_field&quot;:&quot;button-no-submit&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;mensagem&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;&quot;}]}],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false}}\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div data-id=\"button-no-submit\" data-orig_data_id=\"button-no-submit\" data-clear_on_hide class=\"\" data-class=\"wpcf7cf_group\"><\/div><div class=\"flex flex-col border-b sm:flex-row border-teclatexts\">\n                        <div class=\"w-full border-b sm:border-b-0 sm:border-r sm:w-2\/5 border-teclatexts\">\n                            <label for=\"nome\">\n                                <span class=\"wpcf7-form-control-wrap\" data-name=\"nome\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required input-contato\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nome\" value=\"\" type=\"text\" name=\"nome\" \/><\/span>\n                            <\/label>\n                        <\/div>\n                        <div class=\"sm:w-3\/5\">\n                            <label for=\"email\">\n                                <span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email input-contato\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                    <div class=\"w-full border-b border-teclatext\">\n                        <label for=\"assunto\">\n                            <span class=\"wpcf7-form-control-wrap\" data-name=\"assunto\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required input-contato\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Assunto\" value=\"\" type=\"text\" name=\"assunto\" \/><\/span>\n                        <\/label>\n                    <\/div>\n                    <div class=\"w-full border-b border-teclatext\">\n                        <label for=\"mensagem\">\n                            <span class=\"wpcf7-form-control-wrap\" data-name=\"mensagem\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea input-textarea\" aria-invalid=\"false\" name=\"mensagem\"><\/textarea><\/span>\n                        <\/label>\n                    <\/div>\n                    <div class=\"w-full\">\n                        <label class=\"checkbox-custom\">\n                            <input name=\"_mc4wp_subscribe_contact-form-7\" type=\"checkbox\" checked=\"checked\">\n                            <span class=\"checkmark\"><\/span>\n                            <!-- <span>ACEITO RECEBER NOVIDADES POR EMAIL<\/span> -->\n\n                            <!-- Mailchimp for WordPress v4.12.2 - https:\/\/www.mc4wp.com\/ --><input type=\"hidden\" name=\"_mc4wp_subscribe_contact-form-7\" value=\"0\" \/><span class=\"mc4wp-checkbox mc4wp-checkbox-contact-form-7 \"><label><input type=\"checkbox\" name=\"_mc4wp_subscribe_contact-form-7\" value=\"1\" ><span>ACEITO RECEBER NOVIDADES POR EMAIL<\/span><\/label><\/span><!-- \/ Mailchimp for WordPress -->\n                        <\/label>\n                    <\/div>\n\n<div data-id=\"submit-button\" data-orig_data_id=\"submit-button\"  class=\"\" data-class=\"wpcf7cf_group\">\n                    <button class=\"flex justify-end items-center gap-3 w-full uppercase text-[4vw] sm:text-xl border-teclatexts border-t leading-none p-4 sm:p-7 bg-teclatexts text-tecladark\" type=\"submit\">\n                        enviar\n                        \n                    <\/button>\n<\/div>\n<div data-id=\"button-no-submit\" data-orig_data_id=\"button-no-submit\"  class=\"\" data-class=\"wpcf7cf_group\">\n<div class=\"flex justify-end items-center gap-3 w-full uppercase text-[4vw] sm:text-xl border-teclatexts border-t leading-none p-4 sm:p-7\">\n                        enviar\n                        \n                    <\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/teclamusic.com.br\/en\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teclamusic.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teclamusic.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teclamusic.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teclamusic.com.br\/en\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":56,"href":"https:\/\/teclamusic.com.br\/en\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1884,"href":"https:\/\/teclamusic.com.br\/en\/wp-json\/wp\/v2\/pages\/2\/revisions\/1884"}],"wp:attachment":[{"href":"https:\/\/teclamusic.com.br\/en\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}