{"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":"2026-06-10T18:45:08","modified_gmt":"2026-06-10T21:45:08","slug":"pagina-exemplo","status":"publish","type":"page","link":"https:\/\/teclamusic.com.br\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n<section class=\"pt-[6vw] xl:pb-10 xl:pt-[154px] bg-tecladark relative pb-[5vw]\" id=\"heroSection\">\n    <div class=\"relative container px-4 lg:px-[71px]\">\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\">\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>\n                    \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\">\n                        brands &#038; people                      <\/p>\n\n                                                        <p><span class=\"inline-block relative pr-[15%] xl:pr-[11%] 2xl:pr-[179px] align-middle g-double-arrows-trigger\"><span class='ss03'>T<\/span>H<span class='ss03'>R<\/span>OU<span class='ss01'>G<\/span>H                        <span class=\"flex g-double-arrows-container\">\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-teclatexts 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>\n                    <\/span><\/p>\n                    \n                                    <p class=\"font-proximanova relative pl-[28%]  xl:pl-0 xl:flex xl:items-center xl:gap-6\">\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\">\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>\n                        <span>\n                                                                <span class=\"font-bold\">music<\/span>\n                                                        <\/span>\n                    <\/p>\n\n                        <\/h1>\n    <\/div>\n<\/section>\n\n\n<section class=\"relative pb-0 overflow-hidden bg-tecladark xl:pt-0\" id=\"aboutSection\">\n    <div class=\"container px-4 lg:px-[71px] relative flex flex-col xl:flex-row items-center\">\n        <div class=\"xl:w-[60%]\">\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]\">\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\">\n                            MUSIC BRANDING                        <\/span>\n                                <\/h2>\n\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]\">\n                ESPECIALIZADA EM CURADORIA E GEST\u00c3O SONORA PARA MARCAS.            <\/p>\n\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]\">\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=\"\">\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>\n        <\/div>\n        <div class=\"mt-8 md:mt-12 w-[64%] xl:w-[40%]\">\n            <figure class=\"max-w-[420px] mx-auto\">\n                <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/3D_Logo_Verde.png\" alt=\"\">\n            <\/figure>\n        <\/div>\n\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]\">\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=\"\">\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>\n    <\/div>\n\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\">\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>\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>\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>\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>\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>\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>\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>\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>\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>\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>\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>\n            <\/div>\n<\/section>\n\n\n<section class=\"pt-[12vw] xl:pt-[72px] pb-0 bg-tecladark relative text-teclatexts\" id=\"playlistSwiper\" ref=\"playlistsContainer\" data-cases-count=\"3\">\n    <div>\n        <div class=\"relative\">\n            <div class=\"relative mx-4 xl:mx-[71px]\">\n                <div class=\"absolute top-0 w-2 h-2 transition-all duration-300 -translate-y-1\/2 rounded-full bg-teclatexts\" :style=\"{left: `${progress}%` }\"><\/div>\n            <\/div>\n\n            <div class=\"flex justify-between items-start border-t border-teclatexts pt-[18px] mx-4 xl:mx-[71px]\">\n                <!-- Coluna esquerda: nome (marca) do case ativo, alinhado \u00e0 esquerda -->\n                <div class=\"text-base leading-none uppercase md:text-3xl xl:text-4xl font-proximanova text-teclatexts\">\n\t\t\t\t\t                        <span v-show=\"currenctActivePlaylistIndex == 0\">Bradesco<\/span>\n\t\t\t\t\t\t\t                        <span v-show=\"currenctActivePlaylistIndex == 1\">Petrobr\u00e1s<\/span>\n\t\t\t\t\t\t\t                        <span v-show=\"currenctActivePlaylistIndex == 2\">Shoulder e Haight<\/span>\n\t\t\t\t\t\t\t                <\/div>\n\n                <!-- Coluna central: texto do case ativo (centralizado) -->\n                <div class=\"max-w-[40%] xl:max-w-[446px] uppercase text-teclatexts text-center\">\n\t\t\t\t\t                        <div v-show=\"currenctActivePlaylistIndex == 0\">\n                            <p class=\"text-sm md:text-lg xl:text-lg min-h-[84px] text-teclatexts\">Uma experi\u00eancia digital ajuda a transformar playlists de corrida em mais resultado na hora do seu treino. Vem ver.<\/p>\n                        <\/div>\n\t\t\t\t\t\t\t                        <div v-show=\"currenctActivePlaylistIndex == 1\">\n                            <p class=\"text-sm md:text-lg xl:text-lg min-h-[84px] text-teclatexts\">Criamos a maior playlist de m\u00fasica brasileira do mundo para a empresa que mais investe em cultura no pa\u00eds.<\/p>\n                        <\/div>\n\t\t\t\t\t\t\t                        <div v-show=\"currenctActivePlaylistIndex == 2\">\n                            <p class=\"text-sm md:text-lg xl:text-lg min-h-[84px] text-teclatexts\">A r\u00e1dio indoor n\u00e3o segue uma f\u00f3rmula \u00fanica \u2013 e aqui a curadoria humana faz diferen\u00e7a na hora de trazer sensibilidade no ponto de venda.<\/p>\n                        <\/div>\n\t\t\t\t\t\t\t                <\/div>\n\n                <!-- Coluna direita: explore do case ativo -->\n                <div class=\"relative\">\n\t\t\t\t\t                        <a v-show=\"currenctActivePlaylistIndex == 0\" href=\"https:\/\/teclamusic.com.br\/en\/cases\/bradesco\/\" class=\"flex items-center gap-4 text-base uppercase font-proximanova md:text-3xl xl:text-4xl text-teclatexts hover:opacity-80 transition-opacity\">\n                            explore <img decoding=\"async\" class=\"inline transition-all duration-300 brightness-0 invert opacity-90\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\n                        <\/a>\n\t\t\t\t\t\t\t                        <a v-show=\"currenctActivePlaylistIndex == 1\" href=\"https:\/\/teclamusic.com.br\/en\/cases\/petrobras\/\" class=\"flex items-center gap-4 text-base uppercase font-proximanova md:text-3xl xl:text-4xl text-teclatexts hover:opacity-80 transition-opacity\">\n                            explore <img decoding=\"async\" class=\"inline transition-all duration-300 brightness-0 invert opacity-90\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\n                        <\/a>\n\t\t\t\t\t\t\t                        <a v-show=\"currenctActivePlaylistIndex == 2\" href=\"https:\/\/teclamusic.com.br\/en\/cases\/shoulder-e-haight\/\" class=\"flex items-center gap-4 text-base uppercase font-proximanova md:text-3xl xl:text-4xl text-teclatexts hover:opacity-80 transition-opacity\">\n                            explore <img decoding=\"async\" class=\"inline transition-all duration-300 brightness-0 invert opacity-90\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/arrow-small-right.png\" alt=\"\">\n                        <\/a>\n\t\t\t\t\t\t\t                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"relative w-full swiper-container g-swiper-playlist mt-[4vh] overflow-hidden pt-[7vw] pb-0 mb-0\">\n            <div class=\"hidden md:flex items-center justify-center swiper-button-next next-playlists h-8 md:h-[45px] md:w-[45px] w-8 top-[calc(50%_+_3.5vw)] -translate-y-1\/2 border border-teclatexts bg-transparent rounded-full after:hidden\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80.21 97.555\" class=\"fill-current text-teclatexts !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>\n            <div class=\"hidden md:flex items-center justify-center swiper-button-prev prev-playlists h-8 md:h-[45px] md:w-[45px] w-8 top-[calc(50%_+_3.5vw)] -translate-y-1\/2 border border-teclatexts bg-transparent rounded-full after:hidden\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80.21 97.555\" class=\"fill-current text-teclatexts !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>\n\n            <div class=\"swiper-wrapper !h-auto\">\n\n\t\t\t\t                    <div class=\"swiper-slide\">\n                        <figure>\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-thumb img-responsive\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2026\/06\/bradesco-1078x640.png\" width=\"1078\" height=\"640\" alt=\"Bradesco\" \/>                        <\/figure>\n                    <\/div>\n\t\t\t\t\t\t\t                    <div class=\"swiper-slide\">\n                        <figure>\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"wp-image-thumb img-responsive\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2026\/06\/petrobras-1078x640.png\" width=\"1078\" height=\"640\" alt=\"Petrobr\u00e1s\" \/>                        <\/figure>\n                    <\/div>\n\t\t\t\t\t\t\t                    <div class=\"swiper-slide\">\n                        <figure>\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"wp-image-thumb img-responsive\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2026\/05\/shoulder-haight-1078x640.png\" width=\"1078\" height=\"640\" alt=\"Shoulder e Haight\" \/>                        <\/figure>\n                    <\/div>\n\t\t\t\t\t\t\t                    <div class=\"swiper-slide\">\n                        <figure>\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-thumb img-responsive\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2026\/06\/bradesco-1078x640.png\" width=\"1078\" height=\"640\" alt=\"Bradesco\" \/>                        <\/figure>\n                    <\/div>\n\t\t\t\t\t\t\t                    <div class=\"swiper-slide\">\n                        <figure>\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"wp-image-thumb img-responsive\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2026\/06\/petrobras-1078x640.png\" width=\"1078\" height=\"640\" alt=\"Petrobr\u00e1s\" \/>                        <\/figure>\n                    <\/div>\n\t\t\t\t\t\t\t                    <div class=\"swiper-slide\">\n                        <figure>\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"wp-image-thumb img-responsive\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2026\/05\/shoulder-haight-1078x640.png\" width=\"1078\" height=\"640\" alt=\"Shoulder e Haight\" \/>                        <\/figure>\n                    <\/div>\n\t\t\t\t\t\t\t                    <div class=\"swiper-slide\">\n                        <figure>\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-thumb img-responsive\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2026\/06\/bradesco-1078x640.png\" width=\"1078\" height=\"640\" alt=\"Bradesco\" \/>                        <\/figure>\n                    <\/div>\n\t\t\t\t\t\t\t                    <div class=\"swiper-slide\">\n                        <figure>\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"wp-image-thumb img-responsive\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2026\/06\/petrobras-1078x640.png\" width=\"1078\" height=\"640\" alt=\"Petrobr\u00e1s\" \/>                        <\/figure>\n                    <\/div>\n\t\t\t\t\t\t\t                    <div class=\"swiper-slide\">\n                        <figure>\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"wp-image-thumb img-responsive\" src=\"https:\/\/teclamusic.com.br\/wp-content\/uploads\/2026\/05\/shoulder-haight-1078x640.png\" width=\"1078\" height=\"640\" alt=\"Shoulder e Haight\" \/>                        <\/figure>\n                    <\/div>\n\t\t\t\t\t\t\t            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\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\">\n    <div class=\"absolute right-[-3vw] max-w-[70%] w-full mt-[-18%] pointer-events-none hidden xl:block\" ref=\"floating\">\n        <img decoding=\"async\" class=\"\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/megafone\/Megafone.png\" alt=\"\" ref=\"background\">\n    <\/div>\n\n    <!-- MEGAFONE MOBILE -->\n    <div class=\"absolute right-[-16vw] lg:right-[-5vw] top-0 h-[60vh] xl:hidden\">\n        <img decoding=\"async\" class=\"h-full\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/megafone\/megafone-m.png\" alt=\"\">\n    <\/div>\n    <!-- \/MEGAFONE MOBILE -->\n\n\n    <div class=\"mb-[6vh] xl:flex xl:flex-col sm:mb-0 justify-between xl:h-screen\">\n        <div class=\"container px-4 lg:px-[71px] relative z-10 flex-1\" ref=\"foreground\">\n            <div class=\"flex-1\">\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\">\n                    <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\n                                                                                    <p class=\"flex items-center gap-[2px] xl:gap-2\">\n                                                                                                                    <span>I<span class='ss02'>N<\/span>DOO<span class='ss03'>R<\/span> <\/span>\n                                                                    <\/p>\n                                                                                                                <p class=\"flex items-center gap-[2px] xl:gap-2\">\n                                                                                                                                    <span><span class='ss03'>R<\/span><span class='ss01'>A<\/span>DI<\/span>\n\n                                                                                            <span class=\"w-[13vw] max-w-[183px] xl:max-w-[15vh]\">\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>\n                                        \n                                                                    <\/p>\n                                                                        <\/a>\n                <\/h2>\n\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\">\n                                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclagreen\">Curadoria Musical<\/p>\n                                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclagreen\">Tecnologia<\/p>\n                                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclagreen\">Posicionamento<\/p>\n                                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclagreen\">Integra\u00e7\u00e3o<\/p>\n                                            <\/div>\n                            <\/div>\n        <\/div>\n\n        <div class=\"container px-4 lg:px-[71px] relative z-10\">\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]\">\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\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>\n\n                    <br>\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\n\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=\"\">\n                <\/a>\n            <\/p>\n        <\/div>\n    <\/div>\n\n\n<\/section>\n\n\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\">\n    <div class=\"absolute right-0 max-w-[55%] w-full mt-[-6%] xl:mt-[-10%] pointer-events-none hidden xl:block\" ref=\"floating\">\n        <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/disco01\/Disco.png\" alt=\"\" ref=\"background\">\n    <\/div>\n\n    <div class=\"container pr-4 lg:pr-[71px] xl:px-[71px] relative flex-1\" ref=\"foreground\">\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\">\n            <a class=\"hidden xl:block\" href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\n                <span class=\"flex items-center\">\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]\">\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>\n                    I<span class='ss02'>N<\/span><span class='ss01'>G<\/span>                <\/span>\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>\n            \n            <div class=\"flex items-baseline gap-3 xl:hidden\">\n                <div class=\"w-[11%] overflow-hidden\">\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>\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\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>\n            <\/div>\n        <\/h2>\n\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\">\n                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclayellow\">Gest\u00e3o Sonora<\/p>\n                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclayellow\">Branded Profile<\/p>\n                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclayellow\">Identidade Visual<\/p>\n                                    <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclayellow\">Conte\u00fado<\/p>\n                            <\/div>\n            <\/div>\n\n    <div class=\"container pr-4 pl-[19%] lg:pr-[71px] xl:px-[71px] relative\">\n        <div class=\"text-[4.5vw] xl:max-w-[52.7%] relative w-full\">\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]\">\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\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>\n\n                    <br>\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=\"\">\n                <\/a>\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- DISCO MOBILE -->\n    <div class=\"w-[110vw] pointer-events-none sm:hidden\">\n        <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/disco01\/Disco.png\" alt=\"\">\n    <\/div>\n    <!-- DISCO MOBILE -->\n<\/section>\n\n\n\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\">\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\">\n        <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/mac\/Mac.png\" alt=\"\" ref=\"background\">\n    <\/div>\n\n    <!-- MAC MOBILE -->\n    <div class=\"w-[110vw] mb-8 -mt-4 sm:hidden\" ref=\"floating\">\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]\">\n    <\/div>\n    <!-- \/MAC MOBILE -->\n\n    <div class=\"container px-4 lg:px-[71px] relative flex-1\" ref=\"foreground\">\n        <div class=\"relative\">\n            <h2 class=\"font-krok text-tecladark text-[12vw] xl:text-[19vh] uppercase leading-none mb-4 2xl:mb-[57px] g-double-arrows-trigger\">\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\n                    DI<span class='ss01'>G<\/span>I<span class='ss03'>T<\/span><span class='ss01'>A<\/span><span class='ss04'>L<\/span>                    <br \/>\n\n                    <span class=\"inline-block relative pr-[15%] xl:pr-[11%] 2xl:pr-[179px]\">\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\">\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>\n                    <\/span>\n                <\/a>\n            <\/h2>\n\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\">\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclatexts\">\n                            Tecnologia                        <\/p>\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclatexts\">\n                            Business Intelligence                        <\/p>\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclatexts\">\n                            Comunica\u00e7\u00e3o                        <\/p>\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclatexts\">\n                            Estrat\u00e9gia                        <\/p>\n                                    <\/div>\n                    <\/div>\n    <\/div>\n\n    <div class=\"container px-4 lg:px-[71px] relative\">\n        <div class=\"xl:max-w-[52.7%] relative w-full\">\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]\">\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\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>\n\n                    <br>\n\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=\"\">\n                <\/a>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\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\">\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\">\n        <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/binoculo\/Binocolos_Alta.png\" alt=\"\" ref=\"background\">\n    <\/div>\n\n    <div class=\"container px-4 lg:px-[71px] relative flex-1\" ref=\"foreground\">\n        <div class=\"relative\">\n            <h2 class=\"font-krok text-tecladark text-[14vw] xl:text-[17vh] uppercase leading-none mb-4 2xl:mb-[57px] g-smile-container\">\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\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 \/>\n\n                        <span class=\"inline-flex items-center\">\n                            <span><span class='ss02'>P<\/span><span class='ss03'>R<\/span><\/span>\n                            <span class=\"relative hidden lg:inline-block\">\n                                <span class=\"inline-block g-smile-o\">O<\/span>\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=\"\">\n                            <\/span>\n                            <span class=\"relative lg:hidden\">\n                                <span class=\"invisible inline-block\">O<\/span>\n                                <img decoding=\"async\" class=\"absolute-center\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/images\/smile.png\" alt=\"\">\n                            <\/span>\n                            <span><span class='ss03'>J<\/span><span class='ss01'>E<\/span><span class='ss04'>C<\/span><span class='ss03'>T<\/span>S<\/span>\n                        <\/span>\n                                    <\/a>\n            <\/h2>\n\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\">\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclablue\">\n                            Produ\u00e7\u00e3o Musical                        <\/p>\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclablue\">\n                            Cria\u00e7\u00e3o de Campanhas                        <\/p>\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclablue\">\n                            An\u00e1lise e Performance                        <\/p>\n                                            <p class=\"p-1 leading-none transition-colors duration-300 border border-tecladark hover:bg-tecladark hover:text-teclablue\">\n                            Experi\u00eancias                        <\/p>\n                                    <\/div>\n                    <\/div>\n    <\/div>\n\n    <div class=\"container px-4 lg:px-[71px] relative\">\n        <div class=\"xl:max-w-[52.7%] relative w-full\">\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]\">\n                <a href=\"https:\/\/teclamusic.com.br\/en\/fazemos\/\">\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>\n\n                    <br>\n\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=\"\">\n                <\/a>\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"w-[120vw] sm:hidden\">\n        <img decoding=\"async\" src=\"https:\/\/teclamusic.com.br\/wp-content\/themes\/tecla-site2023\/assets\/animations\/binoculo\/Binocolos_Alta.png\" alt=\"\">\n    <\/div>\n<\/section>\n\n\n<section class=\"pt-[6vw] pb-[6vw] xl:pb-0 xl:pt-[16vh] bg-tecladark g-cloud-words\">\n    <div class=\"container px-4 xl:px-[170px]\">\n        <h2 class=\"uppercase text-center text-[8vw] md:text-[6vh] mb-[61px] xl:mb-[95px]\">EST\u00c3O COM A GENTE<\/h2>\n\n        <div class=\"flex flex-wrap items-center justify-center mb-5 xl:mb-10\">\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]\">\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>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\n                    <span class='ss01'>A<\/span><span class='ss03'>M<\/span><span class='ss01'>A<\/span><span class='ss03'>R<\/span>O                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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]\">\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>\n\n                <div hidden xl:block class=\"w-full\"><\/div>\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\">\n                    <span class='ss01'>A<\/span><span class='ss03'>R<\/span><span class='ss01'>A<\/span><span class='ss03'>M<\/span>IS                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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]\">\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>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\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>\n\n                <div hidden xl:block class=\"w-full\"><\/div>\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]\">\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>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\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>\n\n                <div hidden class=\"w-full\"><\/div>\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]\">\n                    <span class='ss04'>C<\/span>O<span class='ss04'>L<\/span><span class='ss04'>C<\/span><span class='ss04'>C<\/span>I                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\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>\n\n                <div hidden xl:block class=\"w-full\"><\/div>\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]\">\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>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\n                    <span class='ss01'>E<\/span><span class='ss04'>L<\/span><span class='ss04'>L<\/span>US                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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]\">\n                    FO<span class='ss03'>R<\/span>U<span class='ss03'>M<\/span>                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\n                    H<span class='ss01'>E<\/span><span class='ss03'>R<\/span>I<span class='ss02'>N<\/span><span class='ss01'>G<\/span>                <\/p>\n\n                <div hidden xl:block class=\"w-full\"><\/div>\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]\">\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>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\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>\n\n                <div hidden xl:block class=\"w-full\"><\/div>\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]\">\n                    OU<span class='ss03'>T<\/span>B<span class='ss01'>A<\/span><span class='ss04'>C<\/span>K                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\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>\n\n                <div hidden class=\"w-full\"><\/div>\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]\">\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>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\n                    S<span class='ss04'>C<\/span>HU<span class='ss03'>T<\/span><span class='ss02'>Z<\/span>                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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]\">\n                    SHOU<span class='ss04'>L<\/span>D<span class='ss01'>E<\/span><span class='ss03'>R<\/span>                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\n                    S<span class='ss02'>P<\/span>O<span class='ss03'>T<\/span>IF<span class='ss03'>Y<\/span>                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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]\">\n                    <span class='ss03'>T<\/span>IK<span class='ss03'>T<\/span>OK                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\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>\n\n                <div hidden class=\"w-full\"><\/div>\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]\">\n                    V<span class='ss01'>A<\/span><span class='ss02'>N<\/span>S                <\/p>\n\n                <div hidden xl:block class=\"w-full\"><\/div>\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\">\n                    VIVO                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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]\">\n                    VIX                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\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>\n\n                <div hidden class=\"w-full\"><\/div>\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]\">\n                    <span class='ss02'>Z<\/span><span class='ss01'>E<\/span><span class='ss01'>E<\/span>.DO<span class='ss01'>G<\/span>                <\/p>\n\n                <div hidden class=\"w-full\"><\/div>\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\">\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>\n\n                <div hidden class=\"w-full\"><\/div>\n                    <\/div>\n\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\">\n            <span class='ss03'>M<\/span>O<span class='ss03'>R<\/span><span class='ss01'>E<\/span>        <\/p>\n    <\/div>\n<\/section>\n\n\n<section class=\"pb-[12vw] xl:pb-[14vh] bg-tecladark pt-[6vw]\" id=\"casesCarousel\">\n    <div class=\"swiper\" id=\"casesCarouselSwiper\">\n        <div class=\"swiper-wrapper\">\n\n                    <\/div>\n\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\">\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>\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\">\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>\n    <\/div>\n\n    <\/section>\n\n\n\n<section id=\"contato\" class=\"py-[13vw] xl:py-[12vh] bg-tecladark g-contato-section\">\n    <div class=\"container px-4 xl:px-[87px]\">\n                        <div class=\"flex justify-between gap-4 lg:gap-8 3xl:gap-0 mb-10 lg:mb-[12vh] overflow-hidden\">\n\n            <figure class=\"max-w-[30%] md:max-w-[25%]\">\n                <a href=\"https:\/\/www.instagram.com\/teclamusicagency\/\" target=\"_blank\" rel=\"noopener\">\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=\"\">\n                <\/a>\n            <\/figure>\n                        \n                            <figure class=\"max-w-[30%] md:max-w-[25%]\">\n                    <a href=\"https:\/\/teclamusic.com.br\/blog\/\">\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=\"\">\n                    <\/a>\n                <\/figure>\n            \n                    <\/div>\n        \n        <div class=\"flex flex-col items-start justify-between xl:flex-row\">\n            <div class=\"xl:max-w-[444px] xl:w-4\/5\">\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\">\n                    <a class=\"font-medium leading-none uppercase hover:font-bold\" href=\"https:\/\/www.instagram.com\/teclamusicagency\/\" target=\"_blank\" rel=\"noopener\">instagram<\/a>\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>\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>\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>\n                    <a class=\"font-medium leading-none uppercase hover:font-bold\" href=\"https:\/\/www.linkedin.com\/company\/teclamusicagency\" target=\"_blank\" rel=\"noopener\">linkedin<\/a>\n                    <a class=\"font-medium leading-none uppercase hover:font-bold\" href=\"https:\/\/www.tiktok.com\/@teclamusicagency\" target=\"_blank\" rel=\"noopener\">tiktok<\/a>\n                <\/div>\n\n                                    <div class=\"flex flex-wrap justify-between\">\n                                                    <p class=\"font-medium text-xl uppercase mb-5 leading-[1.3]\">\n                                \n                                                                    <a href=\"mailto:CONTATO@TECLAMUSIC.COM\">CONTATO@TECLAMUSIC.COM<\/a><br \/>\n                                \n                                                                    <span class=\"font-light\">+55 21 34371666<\/span>\n                                                            <\/p>\n                                                    <p class=\"font-medium text-xl uppercase mb-5 leading-[1.3]\">\n                                                                    SUPORTE TECLA MUSIC PLAYER<br \/>\n                                \n                                \n                                                                    <a class=\"block font-light\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=5521969243820\" target=\"_blank\" rel=\"noopener\">\n                                        +55 21 969243820                                    <\/a>\n                                    <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5521969243820\" target=\"_blank\" rel=\"noopener\">\n                                        <span class=\"inline-flex items-center gap-2 font-light\">\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>\n                                    <\/a>\n\n                                                            <\/p>\n                                            <\/div>\n                            <\/div>\n\n            <div class=\"w-full xl:max-w-[50%] border border-teclatexts g-contato-target\">\n                <div class=\"flex items-center gap-4 py-6 px-5 md:px-[30px] border-b border-teclatexts\">\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=\"\">\n                    <h4 class=\"uppercase text-[6vw] md:text-3xl leading-none\">FALA COM A GENTE<\/h4>\n                <\/div>\n                <!-- <form action=\"\" @submit.prevent=\"doSubmit\" id=\"contactForm\">\n                    <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                                <input class=\"input-contato\" type=\"text\" placeholder=\"nome\" v-model=\"form.nome\">\n                            <\/label>\n                        <\/div>\n                        <div class=\"sm:w-3\/5\">\n                            <label for=\"email\">\n                                <input class=\"input-contato\" type=\"email\" placeholder=\"email\" v-model=\"form.email\">\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                    <div class=\"w-full border-b border-teclatext\">\n                        <label for=\"assunto\">\n                            <input class=\"input-contato\" type=\"text\" placeholder=\"assunto\" v-model=\"form.assunto\">\n                        <\/label>\n                    <\/div>\n                    <div class=\"w-full\">\n                        <label for=\"assunto\">\n                            <textarea class=\"input-textarea\" name=\"mensagem\" id=\"\" placeholder=\"mensagem\" v-model=\"form.mensagem\"><\/textarea>\n                        <\/label>\n                    <\/div>\n\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 }\">\n                        enviar\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>\n                    <\/button>\n                <\/form> -->\n\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.6\" \/><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,&quot;repeater_remove_button&quot;:&quot;bottom&quot;}}\" \/><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.13.0 - 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>\n        <\/div>\n    <\/div>\n<\/section>\n\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":57,"href":"https:\/\/teclamusic.com.br\/en\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1910,"href":"https:\/\/teclamusic.com.br\/en\/wp-json\/wp\/v2\/pages\/2\/revisions\/1910"}],"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}]}}