{"id":7,"date":"2026-10-20T20:45:37","date_gmt":"2026-10-20T23:45:37","guid":{"rendered":"https:\/\/bandavozdobrasil.com.br\/?page_id=7"},"modified":"2026-11-02T12:46:10","modified_gmt":"2026-11-02T15:46:10","slug":"home","status":"publish","type":"page","link":"https:\/\/bandavozdobrasil.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e134a37 e-flex e-con-boxed e-con e-parent\" data-id=\"e134a37\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08354aa elementor-widget elementor-widget-html\" data-id=\"08354aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================== -->\r\n<!-- ESTILOS CSS DO HEADER GOD LEVEL (COM LOGO IMG E BOT\u00c3O GRADIENT)       -->\r\n<!-- Desktop: inalterado. Mobile (\u2264900px): otimizado conforme o design.    -->\r\n<!-- ===================================================================== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Roboto:wght@400;500&display=swap');\r\n\r\n  .vdb-header-wrapper *,\r\n  .vdb-header-wrapper *::before,\r\n  .vdb-header-wrapper *::after {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n  }\r\n\r\n  \/* Header Fixo com Efeito Glassmorphism *\/\r\n  .vdb-header-wrapper {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      z-index: 2147483000 !important; \/* acima de tudo (desktop e mobile) *\/\r\n      background: rgba(0, 0, 0, 0.8);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n      font-family: 'Roboto', sans-serif;\r\n  }\r\n\r\n  \/* Garantia extra: o bloco do Elementor\/tema que cont\u00e9m o header\r\n     tamb\u00e9m sobe para o topo (vale at\u00e9 o script mover o header) *\/\r\n  .elementor-element:has(.vdb-header-wrapper),\r\n  .elementor-widget-html:has(.vdb-header-wrapper),\r\n  .e-con:has(.vdb-header-wrapper),\r\n  .elementor-section:has(.vdb-header-wrapper),\r\n  .elementor-column:has(.vdb-header-wrapper),\r\n  .elementor-widget-wrap:has(.vdb-header-wrapper) {\r\n      position: relative;\r\n      z-index: 2147483000 !important;\r\n      transform: none !important;\r\n      filter: none !important;\r\n  }\r\n\r\n  \/* Barra de admin do WordPress (quando logado) n\u00e3o cobre o header *\/\r\n  body.admin-bar .vdb-header-wrapper {\r\n      top: 32px;\r\n  }\r\n\r\n  @media (min-width: 601px) and (max-width: 782px) {\r\n      body.admin-bar .vdb-header-wrapper {\r\n          top: 46px;\r\n      }\r\n  }\r\n\r\n  .vdb-nav-container {\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n      padding: 16px 24px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n  }\r\n\r\n  \/* Logo em Imagem *\/\r\n  .vdb-logo {\r\n      display: flex;\r\n      align-items: center;\r\n      text-decoration: none;\r\n  }\r\n\r\n  .vdb-logo img {\r\n      height: 68px;\r\n      width: auto;\r\n      object-fit: contain;\r\n  }\r\n\r\n  \/* Links de Navega\u00e7\u00e3o (Desktop) *\/\r\n  .vdb-nav-links {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 32px;\r\n      list-style: none;\r\n  }\r\n\r\n  .vdb-nav-links a {\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 0.85rem !important;\r\n      font-weight: 600 !important;\r\n      color: #9CA3AF !important;\r\n      text-decoration: none;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      transition: color 0.3s ease;\r\n  }\r\n\r\n  .vdb-nav-links a:hover {\r\n      color: #FFDA2B !important;\r\n  }\r\n\r\n  \/* Rodap\u00e9 do menu (s\u00f3 aparece no mobile) *\/\r\n  .vdb-nav-links .vdb-menu-footer {\r\n      display: none;\r\n  }\r\n\r\n  \/* Bot\u00e3o de A\u00e7\u00e3o com Gradiente e \u00cdcone do WhatsApp *\/\r\n  .vdb-header-cta {\r\n      background: linear-gradient(135deg, #FFDA2B 0%, #cca91d 100%);\r\n      color: #000000 !important;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-weight: 700 !important;\r\n      font-size: 0.8rem !important;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n      padding: 12px 22px;\r\n      border-radius: 8px;\r\n      text-decoration: none;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 20px rgba(255, 218, 43, 0.25);\r\n  }\r\n\r\n  .vdb-header-cta:hover {\r\n      opacity: 0.95;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 25px rgba(255, 218, 43, 0.4);\r\n  }\r\n\r\n  .vdb-header-cta svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      fill: #000000;\r\n  }\r\n\r\n  \/* Texto curto do bot\u00e3o (s\u00f3 no mobile) *\/\r\n  .vdb-cta-short {\r\n      display: none;\r\n  }\r\n\r\n  \/* Bot\u00e3o Menu Hamburguer (escondido no desktop) *\/\r\n  .vdb-menu-toggle {\r\n      display: none;\r\n  }\r\n\r\n  \/* Espa\u00e7ador abaixo do header fixo *\/\r\n  .vdb-header-spacer {\r\n      height: 70px;\r\n  }\r\n\r\n  \/* ===================================================================== *\/\r\n  \/* MOBILE (\u2264 900px)                                                       *\/\r\n  \/* ===================================================================== *\/\r\n  @media (max-width: 900px) {\r\n\r\n      \/* Impede que alguma se\u00e7\u00e3o mais larga que a tela \"alargue\" a p\u00e1gina\r\n         (no Chrome do Android isso esticava o header e jogava o bot\u00e3o\r\n         Contrate e o menu para fora da tela) *\/\r\n      html {\r\n          overflow-x: hidden !important;\r\n      }\r\n\r\n      body {\r\n          overflow-x: hidden !important;\r\n          overflow-x: clip !important;\r\n          max-width: 100%;\r\n      }\r\n\r\n      \/* Header acima de tudo e sempre com a largura exata da tela *\/\r\n      .vdb-header-wrapper {\r\n          z-index: 2147483000 !important;\r\n          background: rgba(0, 0, 0, 0.72);\r\n          left: 0 !important;\r\n          right: 0 !important;\r\n          width: auto !important;\r\n          max-width: 100vw !important;\r\n      }\r\n\r\n      .vdb-nav-container {\r\n          max-width: 100% !important;\r\n      }\r\n\r\n      \/* Logo pode encolher; bot\u00f5es nunca saem da tela *\/\r\n      .vdb-logo {\r\n          flex-shrink: 1;\r\n          min-width: 0;\r\n      }\r\n\r\n      .vdb-header-cta,\r\n      .vdb-menu-toggle {\r\n          flex-shrink: 0;\r\n      }\r\n\r\n      \/* Barra de 64px: logo \u00e0 esquerda, CTA + menu \u00e0 direita *\/\r\n      .vdb-nav-container {\r\n          height: 64px;\r\n          padding: 0 16px;\r\n          gap: 8px;\r\n      }\r\n\r\n      .vdb-logo img {\r\n          height: 44px;\r\n      }\r\n\r\n      \/* CTA compacto \"CONTRATE\" *\/\r\n      .vdb-header-cta {\r\n          margin-left: auto;\r\n          height: 40px;\r\n          padding: 0 14px;\r\n          gap: 6px;\r\n          font-size: 11px !important;\r\n          letter-spacing: 0.04em;\r\n          box-shadow: none;\r\n          transform: none !important;\r\n      }\r\n\r\n      .vdb-header-cta svg {\r\n          width: 16px;\r\n          height: 16px;\r\n      }\r\n\r\n      .vdb-cta-full {\r\n          display: none;\r\n      }\r\n\r\n      .vdb-cta-short {\r\n          display: inline;\r\n      }\r\n\r\n      \/* Hamburguer: caixa 44\u00d744 com borda sutil *\/\r\n      .vdb-menu-toggle {\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: flex-start;\r\n          justify-content: center;\r\n          gap: 5px;\r\n          width: 44px;\r\n          height: 44px;\r\n          padding: 0 10px !important;\r\n          flex-shrink: 0;\r\n          background: transparent !important;\r\n          border: 1px solid rgba(255, 255, 255, 0.18) !important;\r\n          border-radius: 8px !important;\r\n          box-shadow: none !important;\r\n          cursor: pointer;\r\n          -webkit-tap-highlight-color: transparent;\r\n      }\r\n\r\n      .vdb-menu-toggle span {\r\n          display: block;\r\n          width: 22px;\r\n          height: 2px;\r\n          border-radius: 2px;\r\n          background-color: #ffffff;\r\n          transition: transform 0.3s ease, opacity 0.2s ease, width 0.3s ease;\r\n          pointer-events: none;\r\n      }\r\n\r\n      .vdb-menu-toggle span:nth-child(3) {\r\n          width: 14px;\r\n      }\r\n\r\n      \/* Hamburguer vira \"X\" quando aberto *\/\r\n      .vdb-menu-toggle[aria-expanded=\"true\"] span:nth-child(1) {\r\n          transform: translateY(7px) rotate(45deg);\r\n      }\r\n\r\n      .vdb-menu-toggle[aria-expanded=\"true\"] span:nth-child(2) {\r\n          opacity: 0;\r\n      }\r\n\r\n      .vdb-menu-toggle[aria-expanded=\"true\"] span:nth-child(3) {\r\n          width: 22px;\r\n          transform: translateY(-7px) rotate(-45deg);\r\n      }\r\n\r\n      \/* Menu em tela cheia abaixo do header *\/\r\n      .vdb-nav-links {\r\n          position: absolute;\r\n          top: 100%;\r\n          left: 0;\r\n          width: 100%;\r\n          height: calc(100vh - 64px);\r\n          height: calc(100dvh - 64px);\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: stretch;\r\n          gap: 0;\r\n          padding: 28px 24px calc(24px + env(safe-area-inset-bottom));\r\n          background: #000000;\r\n          overflow-y: auto;\r\n          counter-reset: vdbitem;\r\n          opacity: 0;\r\n          visibility: hidden;\r\n          transform: translateY(-8px);\r\n          transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;\r\n      }\r\n\r\n      .vdb-nav-links.active {\r\n          opacity: 1;\r\n          visibility: visible;\r\n          transform: translateY(0);\r\n          transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s;\r\n      }\r\n\r\n      \/* Itens grandes, numerados em amarelo *\/\r\n      .vdb-nav-links > li:not(.vdb-menu-footer) > a {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          height: 68px;\r\n          border-bottom: 1px solid #1F1F25;\r\n          color: #FFFFFF !important;\r\n          font-size: 26px !important;\r\n          font-weight: 800 !important;\r\n          letter-spacing: 0;\r\n      }\r\n\r\n      .vdb-nav-links > li:not(.vdb-menu-footer) > a::after {\r\n          counter-increment: vdbitem;\r\n          content: \"0\" counter(vdbitem);\r\n          font-size: 12px;\r\n          font-weight: 700;\r\n          color: #FFDA2B;\r\n      }\r\n\r\n      .vdb-nav-links > li:not(.vdb-menu-footer) > a:hover,\r\n      .vdb-nav-links > li:not(.vdb-menu-footer) > a:active {\r\n          color: #FFDA2B !important;\r\n      }\r\n\r\n      \/* Rodap\u00e9 do menu: CTA grande + redes *\/\r\n      .vdb-nav-links .vdb-menu-footer {\r\n          display: flex;\r\n          flex-direction: column;\r\n          gap: 16px;\r\n          margin-top: auto;\r\n          padding-top: 32px;\r\n      }\r\n\r\n      .vdb-nav-links .vdb-menu-cta {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          gap: 10px;\r\n          height: 56px;\r\n          border-radius: 10px;\r\n          background: linear-gradient(135deg, #FFDA2B 0%, #cca91d 100%);\r\n          color: #000000 !important;\r\n          font-size: 14px !important;\r\n          font-weight: 800 !important;\r\n          letter-spacing: 0.06em;\r\n      }\r\n\r\n      .vdb-nav-links .vdb-menu-cta svg {\r\n          width: 20px;\r\n          height: 20px;\r\n          fill: #000000;\r\n      }\r\n\r\n      .vdb-menu-social {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n      }\r\n\r\n      .vdb-menu-social > span {\r\n          font-size: 13px;\r\n          color: #A1A1AA;\r\n      }\r\n\r\n      .vdb-menu-social div {\r\n          display: flex;\r\n          gap: 10px;\r\n      }\r\n\r\n      .vdb-nav-links .vdb-menu-social a {\r\n          width: 44px;\r\n          height: 44px;\r\n          border-radius: 50%;\r\n          border: 1px solid rgba(255, 255, 255, 0.22);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n      }\r\n\r\n      .vdb-menu-social svg {\r\n          width: 20px;\r\n          height: 20px;\r\n          fill: #FFDA2B;\r\n      }\r\n\r\n      .vdb-header-spacer {\r\n          height: 64px;\r\n      }\r\n\r\n      \/* Trava a rolagem da p\u00e1gina com o menu aberto *\/\r\n      html.vdb-menu-open,\r\n      html.vdb-menu-open body {\r\n          overflow: hidden !important;\r\n      }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===================================================================== -->\r\n<!-- ESTRUTURA HTML DO HEADER                                              -->\r\n<!-- ===================================================================== -->\r\n<header class=\"vdb-header-wrapper\">\r\n    <div class=\"vdb-nav-container\">\r\n\r\n        <!-- Logo em Imagem -->\r\n        <a href=\"\/\" class=\"vdb-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Logo-Voz-do-Brasil-FUNDO-TRANSPARENTE-PNG.png\" alt=\"Banda Voz do Brasil\">\r\n        <\/a>\r\n\r\n        <!-- Links de Navega\u00e7\u00e3o -->\r\n        <ul class=\"vdb-nav-links\" id=\"vdbNavLinks\">\r\n            <li><a href=\"#repertorio\">Repert\u00f3rio<\/a><\/li><li><a href=\"#membros\">Membros<\/a><\/li><li><a href=\"#experiencias\">Experi\u00eancias<\/a><\/li><li><a href=\"#depoimentos\">Depoimentos<\/a><\/li><li><a href=\"#contato\">Contato<\/a><\/li><!-- Rodap\u00e9 do menu (aparece s\u00f3 no mobile) -->\r\n            <li class=\"vdb-menu-footer\">\r\n                <a href=\"https:\/\/wa.me\/5511947116116\" target=\"_blank\" rel=\"noopener\" class=\"vdb-menu-cta\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.34-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.148-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.124-.669-1.612-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                    Contrate a gente\r\n                <\/a>\r\n                <div class=\"vdb-menu-social\">\r\n                    <span>Siga a banda<\/span>\r\n                    <div>\r\n                        <a href=\"https:\/\/instagram.com\/banda.vozdobrasil\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.2c3.2 0 3.6 0 4.8.1 1.2.1 1.8.2 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.4 1.1.4 2.2.1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 1.2-.2 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1.1.4-2.2.4-1.3.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-1.2-.1-1.8-.2-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.2-.4-.4-1.1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8c.1-1.2.2-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1.1-.4 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.1 0-3.5 0-4.7.1-1.1.1-1.7.2-2.1.4-.5.2-.9.4-1.2.8-.4.4-.6.7-.8 1.2-.2.4-.3 1-.4 2.1C2.7 8.5 2.7 8.9 2.7 12s0 3.5.1 4.7c.1 1.1.2 1.7.4 2.1.2.5.4.9.8 1.2.4.4.7.6 1.2.8.4.2 1 .3 2.1.4 1.2.1 1.6.1 4.7.1s3.5 0 4.7-.1c1.1-.1 1.7-.2 2.1-.4.5-.2.9-.4 1.2-.8.4-.4.6-.7.8-1.2.2-.4.3-1 .4-2.1.1-1.2.1-1.6.1-4.7s0-3.5-.1-4.7c-.1-1.1-.2-1.7-.4-2.1-.2-.5-.4-.9-.8-1.2-.4-.4-.7-.6-1.2-.8-.4-.2-1-.3-2.1-.4C15.5 4 15.1 4 12 4zm0 3.1a4.9 4.9 0 1 1 0 9.8 4.9 4.9 0 0 1 0-9.8zm0 8.1a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4zm6.2-8.3a1.1 1.1 0 1 1-2.3 0 1.1 1.1 0 0 1 2.3 0z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/wa.me\/5511947116116\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.34-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/li>\r\n        <\/ul>\r\n\r\n        <!-- Bot\u00e3o CTA com Gradiente e WhatsApp -->\r\n        <a href=\"https:\/\/wa.me\/5511947116116\" target=\"_blank\" rel=\"noopener\" class=\"vdb-header-cta\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.34-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.148-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.124-.669-1.612-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n            <span class=\"vdb-cta-full\">contrate a gente<\/span>\r\n            <span class=\"vdb-cta-short\">contrate<\/span>\r\n        <\/a>\r\n\r\n        <!-- Menu Hamburguer Mobile -->\r\n        <button class=\"vdb-menu-toggle\" id=\"vdbMenuToggle\" type=\"button\" aria-label=\"Abrir menu\" aria-expanded=\"false\" aria-controls=\"vdbNavLinks\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n        <\/button>\r\n\r\n    <\/div>\r\n<\/header>\r\n\r\n<!-- Espa\u00e7amento para o conte\u00fado n\u00e3o ficar sob o header fixo -->\r\n<div class=\"vdb-header-spacer\"><\/div>\r\n\r\n<!-- ===================================================================== -->\r\n<!-- SCRIPT DO MENU MOBILE                                                 -->\r\n<!-- ===================================================================== -->\r\n<!-- Atributos abaixo evitam que plugins de cache\/otimiza\u00e7\u00e3o (WP Rocket,\r\n     LiteSpeed, Cloudflare) atrasem este script -->\r\n<script data-cfasync=\"false\" data-no-optimize=\"1\" data-no-defer=\"1\" data-no-minify=\"1\" nowprocket>\r\n    (function () {\r\n        \/\/ Move o header para o <body>, fora de qualquer container do\r\n        \/\/ Elementor\/tema. Assim nenhum container consegue ficar por cima\r\n        \/\/ dele (o z-index passa a valer para a p\u00e1gina inteira).\r\n        var header = document.querySelector('.vdb-header-wrapper');\r\n        if (header && header.parentNode !== document.body) {\r\n            document.body.insertBefore(header, document.body.firstChild);\r\n        }\r\n\r\n        var toggleBtn = document.getElementById('vdbMenuToggle');\r\n        var navLinks = document.getElementById('vdbNavLinks');\r\n        if (!toggleBtn || !navLinks) return;\r\n\r\n        var root = document.documentElement;\r\n        var mq = window.matchMedia('(max-width: 900px)');\r\n\r\n        function setOpen(open) {\r\n            navLinks.classList.toggle('active', open);\r\n            root.classList.toggle('vdb-menu-open', open);\r\n            toggleBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n            toggleBtn.setAttribute('aria-label', open ? 'Fechar menu' : 'Abrir menu');\r\n        }\r\n\r\n        toggleBtn.addEventListener('click', function (e) {\r\n            e.preventDefault();\r\n            setOpen(!navLinks.classList.contains('active'));\r\n        });\r\n\r\n        \/\/ Fecha ao tocar em qualquer link do menu\r\n        navLinks.addEventListener('click', function (e) {\r\n            if (e.target.closest('a')) setOpen(false);\r\n        });\r\n\r\n        \/\/ Fecha com a tecla Esc\r\n        document.addEventListener('keydown', function (e) {\r\n            if (e.key === 'Escape' && navLinks.classList.contains('active')) {\r\n                setOpen(false);\r\n                toggleBtn.focus();\r\n            }\r\n        });\r\n\r\n        \/\/ Fecha se a tela passar para o tamanho desktop\r\n        var onChange = function (ev) { if (!ev.matches) setOpen(false); };\r\n        if (mq.addEventListener) mq.addEventListener('change', onChange);\r\n        else if (mq.addListener) mq.addListener(onChange);\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7d5803 e-con e-atomic-element e-flexbox-base e-default-div e-6e5e889 \" data-id=\"b7d5803\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b7d5803\" data-e-type=\"e-flexbox\" data-id=\"b7d5803\">\n    \t\t<div class=\"elementor-element elementor-element-2c14a2a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2c14a2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"meu-video-fundo\">\r\n  <iframe \r\n    src=\"https:\/\/www.youtube.com\/embed\/-Jb8zbmXjjs?autoplay=1&mute=1&loop=1&playlist=-Jb8zbmXjjs&controls=0&showinfo=0&rel=0&modestbranding=1&playsinline=1&start=10\" \r\n    frameborder=\"0\" \r\n    allow=\"autoplay; encrypted-media\">\r\n  <\/iframe>\r\n  <div class=\"sombra-escura\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Destrava o widget HTML do Elementor para o v\u00eddeo n\u00e3o ficar preso na faixa fina *\/\r\n  .elementor-widget-html,\r\n  .elementor-widget-html > .elementor-widget-container,\r\n  [data-widget_type=\"html.default\"] {\r\n    position: static !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  \/* Faz a caixa do v\u00eddeo ocupar 100% da se\u00e7\u00e3o principal *\/\r\n  #meu-video-fundo {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    bottom: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    overflow: hidden !important;\r\n    z-index: 0 !important;\r\n    pointer-events: none !important;\r\n  }\r\n\r\n  \/* Faz o v\u00eddeo do YouTube cobrir toda a \u00e1rea sem bordas *\/\r\n  #meu-video-fundo iframe {\r\n    position: absolute !important;\r\n    top: 50% !important;\r\n    left: 50% !important;\r\n    width: 100vw !important;\r\n    height: 56.25vw !important;\r\n    min-height: 100vh !important;\r\n    min-width: 177.77vh !important;\r\n    transform: translate(-50%, -50%) scale(1.12) !important;\r\n    border: none !important;\r\n  }\r\n\r\n  \/* Pel\u00edcula escura em degrad\u00ea para destacar o texto *\/\r\n  .sombra-escura {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background: linear-gradient(90deg, rgba(0,0,0,0.92) 25%, rgba(0,0,0,0.45) 100%) !important;\r\n    z-index: 1 !important;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function() {\r\n    function expandirVideoHero() {\r\n      const videoBox = document.getElementById('meu-video-fundo');\r\n      if (!videoBox) return;\r\n\r\n      \/\/ Remove a trava de posi\u00e7\u00e3o de todas as caixas pequenas em volta do HTML\r\n      let el = videoBox.parentElement;\r\n      let secaoHero = null;\r\n\r\n      while (el && el !== document.body) {\r\n        \/\/ Verifica se chegou na se\u00e7\u00e3o grande (tem mais de 350px de altura)\r\n        if (el.offsetHeight > 350) {\r\n          secaoHero = el;\r\n          break;\r\n        }\r\n        el.style.setProperty('position', 'static', 'important');\r\n        el.style.setProperty('overflow', 'visible', 'important');\r\n        el = el.parentElement;\r\n      }\r\n\r\n      \/\/ Configura a se\u00e7\u00e3o grande para segurar o v\u00eddeo em 100% do fundo\r\n      if (secaoHero) {\r\n        secaoHero.style.setProperty('position', 'relative', 'important');\r\n        secaoHero.style.setProperty('overflow', 'hidden', 'important');\r\n\r\n        \/\/ Garante que a caixa de textos e bot\u00f5es fique na frente do v\u00eddeo\r\n        Array.from(secaoHero.children).forEach(function(filho) {\r\n          if (!filho.contains(videoBox) && filho !== videoBox) {\r\n            filho.style.setProperty('position', 'relative', 'important');\r\n            filho.style.setProperty('z-index', '2', 'important');\r\n          }\r\n        });\r\n      }\r\n    }\r\n\r\n    expandirVideoHero();\r\n    setTimeout(expandirVideoHero, 300);\r\n    setTimeout(expandirVideoHero, 1000);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7caab9 e-con e-atomic-element e-flexbox-base e-default-div e-d7caab9-d3f8d88 \" data-id=\"d7caab9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d7caab9\" data-e-type=\"e-flexbox\" data-id=\"d7caab9\">\n    <div class=\"elementor-element elementor-element-0f35c76 e-con e-atomic-element e-flexbox-base e-default-div e-0f35c76-70318d0 \" data-id=\"0f35c76\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0f35c76\" data-e-type=\"e-flexbox\" data-id=\"0f35c76\">\n    \t\t\t<h2 data-interaction-id=\"eba9c0e\" class=\"e-eba9c0e-ff39823 e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"eba9c0e\">Banda Voz do Brasil<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b433bad e-con e-atomic-element e-flexbox-base e-default-div e-b433bad-0e00cd9 \" data-id=\"b433bad\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b433bad\" data-e-type=\"e-flexbox\" data-id=\"b433bad\">\n    \t\t<div class=\"elementor-element elementor-element-9e5eb13 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"9e5eb13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sua Festa Com o Peso <span style=\"color: #FFDA2B\">e a Vibra\u00e7\u00e3o Do Melhor Rock Brasileiro<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c96188b elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"c96188b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O rock nacional que emociona e conecta gera\u00e7\u00f5es pela paix\u00e3o pelo Brasil!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-43c453e e-con e-atomic-element e-flexbox-base e-default-div e-43c453e-e6beff2 \" data-id=\"43c453e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"43c453e\" data-e-type=\"e-flexbox\" data-id=\"43c453e\">\n    <div class=\"elementor-element elementor-element-116adbf e-con e-atomic-element e-flexbox-base e-default-div e-116adbf-19fb506 \" data-id=\"116adbf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"116adbf\" data-e-type=\"e-flexbox\" data-id=\"116adbf\">\n    \t\t<div class=\"elementor-element elementor-element-914e325 elementor-widget__width-inherit elementor-align-center elementor-widget elementor-widget-button\" data-id=\"914e325\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wa.me\/5511947116116\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CONTATE AGORA<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e77e68 elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"5e77e68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-80e5ec8\" href=\"https:\/\/wa.me\/5511947116116\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-e05a0a4\" href=\"https:\/\/instagram.com\/banda.vozdobrasil\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-1cdcbd9\" href=\"https:\/\/www.youtube.com\/@bandavozdobr\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-youtube\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-528f87f e-con e-atomic-element e-flexbox-base e-default-div e-a453662 \" data-id=\"528f87f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"528f87f\" data-e-type=\"e-flexbox\" data-id=\"528f87f\">\n    \t\t\t<h2 data-interaction-id=\"70a330c\" class=\"e-70a330c-cd10475 e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"70a330c\">VEJA O  NOSSO V\u00cdDEO PROMOCIONAL ABAIXO<\/h2>\n\t\t\t\t\t<div data-id=\"0f5698f\" data-interaction-id=\"0f5698f\" data-e-type=\"e-youtube\" class=\"e-0f5698f-9e61708 e-youtube-base e-default-div\" data-e-type=\"widget\" data-id=\"0f5698f\" data-settings=\"&#x7B;&quot;source&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;youtu.be&#x5C;&#x2F;-Jb8zbmXjjs&quot;,&quot;autoplay&quot;&#x3A;false,&quot;mute&quot;&#x3A;false,&quot;controls&quot;&#x3A;true,&quot;cc_load_policy&quot;&#x3A;false,&quot;loop&quot;&#x3A;false,&quot;rel&quot;&#x3A;true,&quot;start&quot;&#x3A;null,&quot;end&quot;&#x3A;null,&quot;privacy&quot;&#x3A;false,&quot;lazyload&quot;&#x3A;false&#x7D;\"><\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1700398 e-con e-atomic-element e-flexbox-base e-default-div e-3aee02f \" data-id=\"1700398\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1700398\" data-e-type=\"e-flexbox\" data-id=\"1700398\">\n    \t\t<div class=\"elementor-element elementor-element-05a5119 elementor-widget elementor-widget-html\" data-id=\"05a5119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================== -->\r\n<!-- SE\u00c7\u00c3O \"NOSSA HIST\u00d3RIA\" \u2014 Banda Voz do Brasil                          -->\r\n<!-- Cole este c\u00f3digo inteiro num widget \"HTML\" do Elementor.              -->\r\n<!-- Para trocar a foto, altere o src da <img> marcada com \"FOTO AQUI\".    -->\r\n<!-- ===================================================================== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,700&display=swap');\r\n\r\n  .vdb-hist,\r\n  .vdb-hist *,\r\n  .vdb-hist *::before,\r\n  .vdb-hist *::after {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .vdb-hist {\r\n    --vdb-yellow: #FFDA2B;\r\n    --vdb-green: #1DB954;\r\n    --vdb-text: #F4F4F5;\r\n    --vdb-muted: #A1A1AA;\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: transparent;\r\n    color: var(--vdb-text);\r\n    font-family: 'Roboto', sans-serif;\r\n    padding: 120px 24px;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .vdb-hist-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);\r\n    gap: 80px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* ---------------- COLUNA DE TEXTO ---------------- *\/\r\n\r\n  .vdb-hist-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-family: 'Roboto', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n    color: var(--vdb-yellow);\r\n  }\r\n\r\n  .vdb-hist-title {\r\n    margin-top: 18px !important;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-weight: 900 !important;\r\n    font-size: clamp(42px, 5.6vw, 76px) !important;\r\n    line-height: 0.95 !important;\r\n    letter-spacing: -0.02em !important;\r\n    text-transform: uppercase;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .vdb-hist-title span {\r\n    display: block;\r\n    color: var(--vdb-yellow);\r\n  }\r\n\r\n  .vdb-hist-lead {\r\n    margin-top: 28px !important;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: clamp(18px, 1.6vw, 21px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.5 !important;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .vdb-hist-lead strong {\r\n    color: var(--vdb-yellow);\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* Cita\u00e7\u00e3o de destaque *\/\r\n  .vdb-hist-quote {\r\n    position: relative;\r\n    margin-top: 32px !important;\r\n    padding: 24px 24px 24px 64px !important;\r\n    border-radius: 16px;\r\n    background: transparent;\r\n    border: 1px solid rgba(255, 218, 43, 0.35);\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-style: italic;\r\n    font-weight: 700 !important;\r\n    font-size: clamp(17px, 1.5vw, 20px) !important;\r\n    line-height: 1.4 !important;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .vdb-hist-quote::before {\r\n    content: \"\\201C\";\r\n    position: absolute;\r\n    left: 18px;\r\n    top: 6px;\r\n    font-family: Georgia, serif;\r\n    font-style: normal;\r\n    font-size: 64px;\r\n    line-height: 1;\r\n    color: var(--vdb-yellow);\r\n  }\r\n\r\n  .vdb-hist-text {\r\n    margin-top: 24px !important;\r\n    font-size: 16px !important;\r\n    line-height: 1.75 !important;\r\n    color: var(--vdb-muted) !important;\r\n  }\r\n\r\n  \/* Tr\u00eas pilares *\/\r\n  .vdb-hist-pillars {\r\n    margin-top: 32px;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 12px;\r\n    list-style: none;\r\n  }\r\n\r\n  .vdb-hist-pillars li {\r\n    padding: 16px 14px;\r\n    border-radius: 14px;\r\n    background: transparent;\r\n    border: 1px solid #2A2A30;\r\n    transition: border-color 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .vdb-hist-pillars li:hover {\r\n    border-color: rgba(255, 218, 43, 0.45);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .vdb-hist-pillars svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    stroke: var(--vdb-yellow);\r\n    fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .vdb-hist-pillars b {\r\n    display: block;\r\n    margin-top: 10px;\r\n    font-family: 'Roboto', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    color: #FFFFFF;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  .vdb-hist-pillars small {\r\n    display: block;\r\n    margin-top: 4px;\r\n    font-size: 12.5px;\r\n    line-height: 1.45;\r\n    color: var(--vdb-muted);\r\n  }\r\n\r\n  \/* Bot\u00f5es *\/\r\n  .vdb-hist-actions {\r\n    margin-top: 36px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n\r\n  .vdb-hist-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    height: 54px;\r\n    padding: 0 26px;\r\n    border-radius: 10px;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: 13px !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;\r\n  }\r\n\r\n  .vdb-hist-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .vdb-hist-btn--primary {\r\n    background: #FFDA2B;\r\n    color: #000000 !important;\r\n    box-shadow: 0 8px 30px rgba(255, 218, 43, 0.25);\r\n  }\r\n\r\n  .vdb-hist-btn--primary svg {\r\n    fill: #000000;\r\n  }\r\n\r\n  .vdb-hist-btn--primary:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 36px rgba(255, 218, 43, 0.4);\r\n  }\r\n\r\n  .vdb-hist-btn--ghost {\r\n    border: 1px solid rgba(255, 255, 255, 0.22);\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .vdb-hist-btn--ghost svg {\r\n    stroke: currentColor;\r\n    fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .vdb-hist-btn--ghost:hover {\r\n    border-color: var(--vdb-yellow);\r\n    color: var(--vdb-yellow) !important;\r\n  }\r\n\r\n  \/* ---------------- COLUNA DA FOTO ---------------- *\/\r\n\r\n  .vdb-hist-media {\r\n    position: relative;\r\n    padding: 0 28px 28px 0;\r\n  }\r\n\r\n  \/* Bloco verde-amarelo deslocado atr\u00e1s da foto *\/\r\n  .vdb-hist-media::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 28px;\r\n    left: 28px;\r\n    right: 0;\r\n    bottom: 0;\r\n    border-radius: 24px;\r\n    background:\r\n      repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.18) 0 2px, transparent 2px 14px),\r\n      linear-gradient(135deg, #1DB954 0%, #0E8A3A 45%, #FFDA2B 100%);\r\n  }\r\n\r\n  .vdb-hist-frame {\r\n    position: relative;\r\n    z-index: 1;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    aspect-ratio: 4 \/ 5;\r\n    background: #111111;\r\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);\r\n  }\r\n\r\n  .vdb-hist-frame img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: 45% 30%;\r\n    transform: scale(1.04);\r\n    transition: transform 1.2s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n  }\r\n\r\n  .vdb-hist-media:hover .vdb-hist-frame img {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  \/* Escurecimento na base da foto *\/\r\n  .vdb-hist-frame::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.75) 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Selo girat\u00f3rio *\/\r\n  .vdb-hist-seal {\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: -36px;\r\n    left: -36px;\r\n    width: 128px;\r\n    height: 128px;\r\n    border-radius: 50%;\r\n    background: #000000;\r\n    border: 1px solid rgba(255, 218, 43, 0.35);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  .vdb-hist-seal svg.vdb-ring {\r\n    position: absolute;\r\n    inset: 6px;\r\n    width: calc(100% - 12px);\r\n    height: calc(100% - 12px);\r\n    animation: vdbHistSpin 18s linear infinite;\r\n  }\r\n\r\n  .vdb-hist-seal svg.vdb-ring text {\r\n    font-family: 'Roboto', sans-serif;\r\n    font-size: 10.4px;\r\n    font-weight: 800;\r\n    letter-spacing: 2.6px;\r\n    fill: var(--vdb-yellow);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .vdb-hist-seal svg.vdb-core {\r\n    width: 38px;\r\n    height: 38px;\r\n    stroke: #FFFFFF;\r\n    fill: none;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  @keyframes vdbHistSpin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .vdb-hist *,\r\n    .vdb-hist *::before,\r\n    .vdb-hist *::after {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n\r\n  \/* ---------------- TABLET ---------------- *\/\r\n  @media (max-width: 1024px) {\r\n    .vdb-hist {\r\n      padding: 96px 24px;\r\n    }\r\n    .vdb-hist-inner {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 64px;\r\n      max-width: 640px;\r\n    }\r\n    .vdb-hist-media {\r\n      order: -1;\r\n      max-width: 520px;\r\n      width: 100%;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n\r\n  \/* ---------------- CELULAR ---------------- *\/\r\n  @media (max-width: 600px) {\r\n    .vdb-hist {\r\n      padding: 72px 20px 80px;\r\n    }\r\n    .vdb-hist-inner {\r\n      gap: 48px;\r\n    }\r\n    .vdb-hist-media {\r\n      padding: 0 16px 16px 0;\r\n      margin-top: 24px;\r\n    }\r\n    .vdb-hist-media::before {\r\n      top: 16px;\r\n      left: 16px;\r\n      border-radius: 18px;\r\n    }\r\n    .vdb-hist-frame {\r\n      border-radius: 18px;\r\n      aspect-ratio: 4 \/ 4.4;\r\n    }\r\n    .vdb-hist-seal {\r\n      width: 96px;\r\n      height: 96px;\r\n      top: -28px;\r\n      left: auto;\r\n      right: -6px;\r\n    }\r\n    .vdb-hist-seal svg.vdb-core {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n    .vdb-hist-title {\r\n      font-size: 44px !important;\r\n    }\r\n    .vdb-hist-lead {\r\n      font-size: 18px !important;\r\n    }\r\n    .vdb-hist-quote {\r\n      padding: 20px 18px 20px 54px !important;\r\n      font-size: 17px !important;\r\n    }\r\n    .vdb-hist-quote::before {\r\n      left: 14px;\r\n      font-size: 54px;\r\n    }\r\n    .vdb-hist-text {\r\n      font-size: 15px !important;\r\n    }\r\n    .vdb-hist-pillars {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 10px;\r\n    }\r\n    .vdb-hist-pillars li {\r\n      display: grid;\r\n      grid-template-columns: 40px minmax(0, 1fr);\r\n      column-gap: 12px;\r\n      align-items: center;\r\n      padding: 14px 16px;\r\n    }\r\n    .vdb-hist-pillars li svg {\r\n      grid-row: 1 \/ span 2;\r\n      width: 40px;\r\n      height: 40px;\r\n      padding: 9px;\r\n      border-radius: 10px;\r\n      background: transparent;\r\n      border: 1px solid rgba(255, 218, 43, 0.35);\r\n    }\r\n    .vdb-hist-pillars b {\r\n      margin-top: 0;\r\n    }\r\n    .vdb-hist-actions {\r\n      flex-direction: column;\r\n    }\r\n    .vdb-hist-btn {\r\n      width: 100%;\r\n    }\r\n    .vdb-hist-pillars li:hover {\r\n      transform: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"vdb-hist\" id=\"historia\" aria-labelledby=\"vdbHistTitle\">\r\n\r\n  <div class=\"vdb-hist-inner\">\r\n\r\n    <!-- ============ TEXTO ============ -->\r\n    <div class=\"vdb-hist-content\">\r\n\r\n      <span class=\"vdb-hist-eyebrow\">Hist\u00f3ria<\/span>\r\n\r\n      <h2 class=\"vdb-hist-title\" id=\"vdbHistTitle\">\r\n        Nossa\r\n        <span>Hist\u00f3ria<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"vdb-hist-lead\">\r\n        O rock nacional que <strong>emociona e faz a diferen\u00e7a<\/strong>. Uma experi\u00eancia musical aut\u00eantica que conecta gera\u00e7\u00f5es atrav\u00e9s da paix\u00e3o pelo rock brasileiro.\r\n      <\/p>\r\n\r\n      <blockquote class=\"vdb-hist-quote\">\r\n        Formada com a miss\u00e3o de manter viva a chama do rock nacional.\r\n      <\/blockquote>\r\n\r\n      <p class=\"vdb-hist-text\">\r\n        Unimos cl\u00e1ssicos atemporais a composi\u00e7\u00f5es originais que falam direto ao cora\u00e7\u00e3o do p\u00fablico brasileiro \u2014 rock com pegada moderna, letras autorais profundas e uma energia contagiante que transforma cada apresenta\u00e7\u00e3o em uma experi\u00eancia \u00fanica.\r\n      <\/p>\r\n\r\n      <ul class=\"vdb-hist-pillars\">\r\n        <li>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M12 3a9 9 0 0 1 9 9\"><\/path><\/svg>\r\n          <b>Cl\u00e1ssicos atemporais<\/b>\r\n          <small>Os hinos que marcaram gera\u00e7\u00f5es<\/small>\r\n        <\/li>\r\n        <li>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z\"><\/path><\/svg>\r\n          <b>Letras autorais<\/b>\r\n          <small>Composi\u00e7\u00f5es com alma brasileira<\/small>\r\n        <\/li>\r\n        <li>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13 2L4 14h7l-1 8 9-12h-7z\"><\/path><\/svg>\r\n          <b>Energia ao vivo<\/b>\r\n          <small>Cada show \u00e9 uma experi\u00eancia \u00fanica<\/small>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"vdb-hist-actions\">\r\n        <a class=\"vdb-hist-btn vdb-hist-btn--primary\" href=\"https:\/\/wa.me\/5511947116116\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.148-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.124-.669-1.612-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n          Contrate a gente\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============ FOTO ============ -->\r\n    <div class=\"vdb-hist-media\">\r\n\r\n      <!-- Selo girat\u00f3rio -->\r\n      <div class=\"vdb-hist-seal\" aria-hidden=\"true\">\r\n        <svg class=\"vdb-ring\" viewBox=\"0 0 120 120\">\r\n          <defs><path id=\"vdbHistCircle\" d=\"M60,60 m-46,0 a46,46 0 1,1 92,0 a46,46 0 1,1 -92,0\"><\/path><\/defs>\r\n          <text><textPath href=\"#vdbHistCircle\">Rock Nacional \u2022 Voz do Brasil \u2022<\/textPath><\/text>\r\n        <\/svg>\r\n        <svg class=\"vdb-core\" viewBox=\"0 0 24 24\"><path d=\"M9 18V5l12-2v13\"><\/path><circle cx=\"6\" cy=\"18\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"16\" r=\"3\"><\/circle><\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"vdb-hist-frame\">\r\n        <!-- FOTO AQUI: troque o link abaixo pela URL da foto no WordPress -->\r\n        <img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Baixo02.jpg\" alt=\"Guitarrista da Banda Voz do Brasil tocando ao vivo\" loading=\"lazy\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-26cf50d e-con e-atomic-element e-flexbox-base e-default-div e-415695a \" data-id=\"26cf50d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"26cf50d\" data-e-type=\"e-flexbox\" data-id=\"26cf50d\">\n    \t\t<div class=\"elementor-element elementor-element-bccdd3a elementor-widget elementor-widget-html\" data-id=\"bccdd3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================== -->\r\n<!-- SE\u00c7\u00c3O \"PALCOS E EXPERI\u00caNCIAS\" \u2014 Banda Voz do Brasil                   -->\r\n<!-- Cole este c\u00f3digo inteiro num widget \"HTML\" do Elementor.              -->\r\n<!-- Para trocar a foto, altere o src da <img> marcada com \"FOTO AQUI\".    -->\r\n<!-- ===================================================================== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,700&display=swap');\r\n\r\n  .vdb-exp,\r\n  .vdb-exp *,\r\n  .vdb-exp *::before,\r\n  .vdb-exp *::after {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .vdb-exp {\r\n    --vdb-yellow: #FFDA2B;\r\n    --vdb-text: #F4F4F5;\r\n    --vdb-muted: #A1A1AA;\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: transparent;\r\n    color: var(--vdb-text);\r\n    font-family: 'Roboto', sans-serif;\r\n    padding: 120px 24px;\r\n  }\r\n\r\n  .vdb-exp-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);\r\n    gap: 80px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* ---------------- COLUNA DA FOTO ---------------- *\/\r\n\r\n  .vdb-exp-media {\r\n    position: relative;\r\n    padding: 0 0 28px 28px;\r\n  }\r\n\r\n  \/* Bloco verde-amarelo deslocado atr\u00e1s da foto (canto inferior esquerdo) *\/\r\n  .vdb-exp-media::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 28px;\r\n    right: 28px;\r\n    left: 0;\r\n    bottom: 0;\r\n    border-radius: 24px;\r\n    background:\r\n      repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.18) 0 2px, transparent 2px 14px),\r\n      linear-gradient(225deg, #0E8A3A 0%, #1DB954 45%, #FFDA2B 100%);\r\n  }\r\n\r\n  .vdb-exp-frame {\r\n    position: relative;\r\n    z-index: 1;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    aspect-ratio: 3 \/ 4;\r\n    background: #111111;\r\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);\r\n  }\r\n\r\n  .vdb-exp-frame img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: 50% 25%;\r\n    transform: scale(1.04);\r\n    transition: transform 1.2s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n  }\r\n\r\n  .vdb-exp-media:hover .vdb-exp-frame img {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  .vdb-exp-frame::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, transparent 35%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Selo girat\u00f3rio (canto superior direito da foto) *\/\r\n  .vdb-exp-seal {\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: -36px;\r\n    right: -36px;\r\n    width: 128px;\r\n    height: 128px;\r\n    border-radius: 50%;\r\n    background: #000000;\r\n    border: 1px solid rgba(255, 218, 43, 0.35);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  .vdb-exp-seal svg.vdb-ring {\r\n    position: absolute;\r\n    inset: 6px;\r\n    width: calc(100% - 12px);\r\n    height: calc(100% - 12px);\r\n    animation: vdbExpSpin 18s linear infinite;\r\n  }\r\n\r\n  .vdb-exp-seal svg.vdb-ring text {\r\n    font-family: 'Roboto', sans-serif;\r\n    font-size: 10.4px;\r\n    font-weight: 900;\r\n    letter-spacing: 2.4px;\r\n    fill: var(--vdb-yellow);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .vdb-exp-seal svg.vdb-core {\r\n    width: 36px;\r\n    height: 36px;\r\n    stroke: #FFFFFF;\r\n    fill: none;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  @keyframes vdbExpSpin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  \/* ---------------- COLUNA DE TEXTO ---------------- *\/\r\n\r\n  .vdb-exp-eyebrow {\r\n    display: inline-block;\r\n    font-family: 'Roboto', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n    color: var(--vdb-yellow);\r\n  }\r\n\r\n  .vdb-exp-title {\r\n    margin-top: 18px !important;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-weight: 900 !important;\r\n    font-size: clamp(40px, 5vw, 68px) !important;\r\n    line-height: 0.95 !important;\r\n    letter-spacing: -0.02em !important;\r\n    text-transform: uppercase;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .vdb-exp-title span {\r\n    display: block;\r\n    color: var(--vdb-yellow);\r\n  }\r\n\r\n  .vdb-exp-lead {\r\n    margin-top: 28px !important;\r\n    max-width: 600px;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: clamp(17px, 1.5vw, 20px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.55 !important;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .vdb-exp-lead strong {\r\n    color: var(--vdb-yellow);\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* Grade dos 4 tipos de palco *\/\r\n  .vdb-exp-list {\r\n    margin-top: 36px;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 14px;\r\n    list-style: none;\r\n  }\r\n\r\n  .vdb-exp-item {\r\n    position: relative;\r\n    padding: 22px 22px 24px;\r\n    border-radius: 16px;\r\n    background: transparent;\r\n    border: 1px solid #2A2A30;\r\n    overflow: hidden;\r\n    transition: border-color 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .vdb-exp-item:hover {\r\n    border-color: rgba(255, 218, 43, 0.45);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  \/* N\u00famero grande vazado no canto *\/\r\n  .vdb-exp-item::after {\r\n    content: attr(data-n);\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 16px;\r\n    font-family: 'Roboto', sans-serif;\r\n    font-size: 44px;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px rgba(255, 218, 43, 0.35);\r\n    pointer-events: none;\r\n    transition: -webkit-text-stroke-color 0.3s ease;\r\n  }\r\n\r\n  .vdb-exp-item:hover::after {\r\n    -webkit-text-stroke-color: rgba(255, 218, 43, 0.8);\r\n  }\r\n\r\n  .vdb-exp-item svg {\r\n    width: 40px;\r\n    height: 40px;\r\n    padding: 9px;\r\n    border-radius: 10px;\r\n    border: 1px solid rgba(255, 218, 43, 0.35);\r\n    stroke: var(--vdb-yellow);\r\n    fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .vdb-exp-item h3 {\r\n    margin-top: 16px !important;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: 17px !important;\r\n    font-weight: 900 !important;\r\n    line-height: 1.25 !important;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .vdb-exp-item p {\r\n    margin-top: 8px !important;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: 14px !important;\r\n    line-height: 1.6 !important;\r\n    color: var(--vdb-muted) !important;\r\n  }\r\n\r\n  \/* Bot\u00e3o *\/\r\n  .vdb-exp-actions {\r\n    margin-top: 36px;\r\n    display: flex;\r\n  }\r\n\r\n  .vdb-exp-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    height: 54px;\r\n    padding: 0 26px;\r\n    border-radius: 10px;\r\n    background: #FFDA2B;\r\n    color: #000000 !important;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: 13px !important;\r\n    font-weight: 900 !important;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    box-shadow: 0 8px 30px rgba(255, 218, 43, 0.25);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n\r\n  .vdb-exp-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex-shrink: 0;\r\n    fill: #000000;\r\n  }\r\n\r\n  .vdb-exp-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 36px rgba(255, 218, 43, 0.4);\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .vdb-exp *,\r\n    .vdb-exp *::before,\r\n    .vdb-exp *::after {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n\r\n  \/* ---------------- TABLET ---------------- *\/\r\n  @media (max-width: 1024px) {\r\n    .vdb-exp {\r\n      padding: 96px 24px;\r\n    }\r\n    .vdb-exp-inner {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 72px;\r\n      max-width: 640px;\r\n    }\r\n    .vdb-exp-media {\r\n      max-width: 460px;\r\n      width: 100%;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n\r\n  \/* ---------------- CELULAR ---------------- *\/\r\n  @media (max-width: 600px) {\r\n    .vdb-exp {\r\n      padding: 72px 20px 80px;\r\n    }\r\n    .vdb-exp-inner {\r\n      gap: 56px;\r\n    }\r\n    .vdb-exp-media {\r\n      padding: 0 0 16px 16px;\r\n      margin-top: 24px;\r\n    }\r\n    .vdb-exp-media::before {\r\n      top: 16px;\r\n      right: 16px;\r\n      border-radius: 18px;\r\n    }\r\n    .vdb-exp-frame {\r\n      border-radius: 18px;\r\n      aspect-ratio: 4 \/ 4.6;\r\n    }\r\n    .vdb-exp-seal {\r\n      width: 96px;\r\n      height: 96px;\r\n      top: -28px;\r\n      right: -6px;\r\n    }\r\n    .vdb-exp-seal svg.vdb-core {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n    .vdb-exp-title {\r\n      font-size: clamp(32px, 10vw, 40px) !important;\r\n    }\r\n    .vdb-exp-lead {\r\n      font-size: 17px !important;\r\n    }\r\n    .vdb-exp-list {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 12px;\r\n    }\r\n    .vdb-exp-item {\r\n      display: grid;\r\n      grid-template-columns: 40px minmax(0, 1fr);\r\n      column-gap: 14px;\r\n      padding: 18px 18px 20px;\r\n    }\r\n    .vdb-exp-item svg {\r\n      grid-row: 1 \/ span 2;\r\n    }\r\n    .vdb-exp-item h3 {\r\n      margin-top: 0 !important;\r\n      padding-right: 40px;\r\n      align-self: center;\r\n      min-height: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n    .vdb-exp-item p {\r\n      grid-column: 2;\r\n      margin-top: 4px !important;\r\n    }\r\n    .vdb-exp-item::after {\r\n      font-size: 34px;\r\n      top: 14px;\r\n      right: 14px;\r\n    }\r\n    .vdb-exp-item:hover {\r\n      transform: none;\r\n    }\r\n    .vdb-exp-btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"vdb-exp\" id=\"experiencias\" aria-labelledby=\"vdbExpTitle\">\r\n  <div class=\"vdb-exp-inner\">\r\n\r\n    <!-- ============ FOTO ============ -->\r\n    <div class=\"vdb-exp-media\">\r\n      <div class=\"vdb-exp-frame\">\r\n        <!-- FOTO AQUI: troque o link abaixo pela URL da foto no WordPress -->\r\n        <img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Baixa02.jpg\" alt=\"Vocalista da Banda Voz do Brasil no palco\" loading=\"lazy\">\r\n      <\/div>\r\n\r\n      <!-- Selo girat\u00f3rio -->\r\n      <div class=\"vdb-exp-seal\" aria-hidden=\"true\">\r\n        <svg class=\"vdb-ring\" viewBox=\"0 0 120 120\">\r\n          <defs><path id=\"vdbExpCircle\" d=\"M60,60 m-46,0 a46,46 0 1,1 92,0 a46,46 0 1,1 -92,0\"><\/path><\/defs>\r\n          <text textLength=\"283\" lengthAdjust=\"spacing\"><textPath href=\"#vdbExpCircle\" textLength=\"283\" lengthAdjust=\"spacing\">Palcos \u2022 Experi\u00eancias \u2022 Shows \u2022<\/textPath><\/text>\r\n        <\/svg>\r\n        <svg class=\"vdb-core\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"><\/path><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============ TEXTO ============ -->\r\n    <div class=\"vdb-exp-content\">\r\n\r\n      <span class=\"vdb-exp-eyebrow\">Experi\u00eancias<\/span>\r\n\r\n      <h2 class=\"vdb-exp-title\" id=\"vdbExpTitle\">\r\n        Palcos e\r\n        <span>Experi\u00eancias<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"vdb-exp-lead\">\r\n        De grandes festivais a palcos intimistas, levamos a <strong>verdadeira ess\u00eancia do rock nacional<\/strong> para qualquer cen\u00e1rio. Cada atua\u00e7\u00e3o \u00e9 pensada para criar uma conex\u00e3o profunda e inesquec\u00edvel com o p\u00fablico.\r\n      <\/p>\r\n\r\n      <ul class=\"vdb-exp-list\">\r\n\r\n        <li class=\"vdb-exp-item\" data-n=\"01\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"9\" y=\"2\" width=\"6\" height=\"12\" rx=\"3\"><\/rect><path d=\"M5 11a7 7 0 0 0 14 0\"><\/path><path d=\"M12 18v4\"><\/path><\/svg>\r\n          <h3>Casas de Show<\/h3>\r\n          <p>Apresenta\u00e7\u00f5es intimistas que permitem conex\u00e3o direta com o p\u00fablico, criando momentos especiais de proximidade e intera\u00e7\u00e3o musical.<\/p>\r\n        <\/li>\r\n\r\n        <li class=\"vdb-exp-item\" data-n=\"02\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n          <h3>Festivais de M\u00fasica<\/h3>\r\n          <p>Grandes palcos onde nossa energia contagia multid\u00f5es, levando o rock nacional para audi\u00eancias diversas e apaixonadas.<\/p>\r\n        <\/li>\r\n\r\n        <li class=\"vdb-exp-item\" data-n=\"03\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"><\/rect><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"><\/path><path d=\"M2 13h20\"><\/path><\/svg>\r\n          <h3>Eventos Corporativos<\/h3>\r\n          <p>Shows personalizados que adaptam nosso repert\u00f3rio para diferentes ocasi\u00f5es, sempre mantendo a qualidade e o profissionalismo.<\/p>\r\n        <\/li>\r\n\r\n        <li class=\"vdb-exp-item\" data-n=\"04\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21.2l8.8-8.8a5.5 5.5 0 0 0 0-7.8z\"><\/path><\/svg>\r\n          <h3>Parcerias Especiais<\/h3>\r\n          <p>Colabora\u00e7\u00f5es com outros artistas e participa\u00e7\u00f5es em projetos que enriquecem nossa experi\u00eancia e expandem horizontes musicais.<\/p>\r\n        <\/li>\r\n\r\n      <\/ul>\r\n\r\n      <div class=\"vdb-exp-actions\">\r\n        <a class=\"vdb-exp-btn\" href=\"https:\/\/wa.me\/5511947116116\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.148-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.124-.669-1.612-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n          Contrate a gente\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ecc9ae7 e-con e-atomic-element e-flexbox-base e-default-div e-52d3275 \" data-id=\"ecc9ae7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ecc9ae7\" data-e-type=\"e-flexbox\" data-id=\"ecc9ae7\">\n    <div class=\"elementor-element elementor-element-792f3c5 e-con e-atomic-element e-flexbox-base e-default-div e-792f3c5-609c85c \" data-id=\"792f3c5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"792f3c5\" data-e-type=\"e-flexbox\" data-id=\"792f3c5\">\n    <div class=\"elementor-element elementor-element-e2bd38d e-con e-atomic-element e-flexbox-base e-default-div e-e2bd38d-27a659c \" data-id=\"e2bd38d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e2bd38d\" data-e-type=\"e-flexbox\" data-id=\"e2bd38d\">\n    \t\t\t<h2 data-interaction-id=\"bc04511\" class=\"e-bc04511-f296e41 e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"bc04511\">DEPOIMENTOS<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-70e7b5f e-con e-atomic-element e-flexbox-base e-default-div e-70e7b5f-26ef86c \" data-id=\"70e7b5f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"70e7b5f\" data-e-type=\"e-flexbox\" data-id=\"70e7b5f\">\n    \t\t\t<h2 data-interaction-id=\"4595db4\" class=\"e-4595db4-f785087 e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"4595db4\">Depoimentos aut\u00eanticos extra\u00eddos diretamente das nossas redes sociais e intera\u00e7\u00f5es com contratantes.<\/h2>\n\t\t\n<\/div>\n\t\t<div class=\"elementor-element elementor-element-29385db elementor-widget elementor-widget-html\" data-id=\"29385db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"prints-galeria-container\"><div class=\"print-card\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/IMG-20261020-WA0025-507x1024.jpg\" alt=\"Depoimento de contratante\" loading=\"lazy\"><\/div><div class=\"print-card\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/IMG-20261020-WA0017-895x1024.jpg\" alt=\"Depoimento de contratante\" loading=\"lazy\"><\/div><\/div>\r\n\r\n<style>\r\n    .prints-galeria-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 28px;\r\n        width: 100%;\r\n        max-width: 960px;\r\n        margin: 0 auto;\r\n        align-items: center;\r\n    }\r\n\r\n    .print-card {\r\n        background-color: #0d0d0d;\r\n        border: 1px solid #1c1c1c;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        transition: border-color 0.3s ease, transform 0.3s ease;\r\n    }\r\n\r\n    .print-card:hover {\r\n        border-color: #333333;\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    .print-card img {\r\n        display: block;\r\n        width: 100%;\r\n        height: auto;\r\n        object-fit: contain;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .prints-galeria-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-ef0ee15 e-con e-atomic-element e-flexbox-base e-default-div e-73ed54b \" data-id=\"ef0ee15\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ef0ee15\" data-e-type=\"e-flexbox\" data-id=\"ef0ee15\">\n    \t\t<div class=\"elementor-element elementor-element-6c4c017 elementor-widget elementor-widget-html\" data-id=\"6c4c017\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================== -->\r\n<!-- SE\u00c7\u00c3O \"SOBRE N\u00d3S\" \u2014 Banda Voz do Brasil                               -->\r\n<!-- Cole este c\u00f3digo inteiro num widget \"HTML\" do Elementor.              -->\r\n<!-- Para trocar a foto, altere o src da <img> marcada com \"FOTO AQUI\".    -->\r\n<!-- ===================================================================== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,700&display=swap');\r\n\r\n  .vdb-sobre,\r\n  .vdb-sobre *,\r\n  .vdb-sobre *::before,\r\n  .vdb-sobre *::after {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .vdb-sobre {\r\n    --vdb-yellow: #FFDA2B;\r\n    --vdb-text: #F4F4F5;\r\n    --vdb-muted: #A1A1AA;\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: transparent;\r\n    color: var(--vdb-text);\r\n    font-family: 'Roboto', sans-serif;\r\n    padding: 120px 24px;\r\n  }\r\n\r\n  .vdb-sobre-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);\r\n    gap: 80px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* ---------------- COLUNA DA FOTO (esquerda) ---------------- *\/\r\n\r\n  .vdb-sobre-media {\r\n    position: relative;\r\n    padding: 28px 28px 0 0;\r\n  }\r\n\r\n  \/* Bloco verde-amarelo deslocado atr\u00e1s da foto (canto superior direito) *\/\r\n  .vdb-sobre-media::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 0;\r\n    right: 0;\r\n    left: 28px;\r\n    bottom: 28px;\r\n    border-radius: 24px;\r\n    background:\r\n      repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.18) 0 2px, transparent 2px 14px),\r\n      linear-gradient(45deg, #0E8A3A 0%, #1DB954 45%, #FFDA2B 100%);\r\n  }\r\n\r\n  .vdb-sobre-frame {\r\n    position: relative;\r\n    z-index: 1;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    aspect-ratio: 5 \/ 4;\r\n    background: #111111;\r\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);\r\n  }\r\n\r\n  .vdb-sobre-frame img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: 70% 35%;\r\n    transform: scale(1.04);\r\n    transition: transform 1.2s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n  }\r\n\r\n  .vdb-sobre-media:hover .vdb-sobre-frame img {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  .vdb-sobre-frame::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, transparent 40%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Selo girat\u00f3rio (canto inferior direito da foto) *\/\r\n  .vdb-sobre-seal {\r\n    position: absolute;\r\n    z-index: 3;\r\n    right: -8px;\r\n    bottom: -40px;\r\n    width: 128px;\r\n    height: 128px;\r\n    border-radius: 50%;\r\n    background: #000000;\r\n    border: 1px solid rgba(255, 218, 43, 0.35);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  .vdb-sobre-seal svg.vdb-ring {\r\n    position: absolute;\r\n    inset: 6px;\r\n    width: calc(100% - 12px);\r\n    height: calc(100% - 12px);\r\n    animation: vdbSobreSpin 18s linear infinite;\r\n  }\r\n\r\n  .vdb-sobre-seal svg.vdb-ring text {\r\n    font-family: 'Roboto', sans-serif;\r\n    font-size: 10.4px;\r\n    font-weight: 900;\r\n    letter-spacing: 2.6px;\r\n    fill: var(--vdb-yellow);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .vdb-sobre-seal svg.vdb-core {\r\n    width: 38px;\r\n    height: 38px;\r\n    stroke: #FFFFFF;\r\n    fill: none;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  @keyframes vdbSobreSpin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  \/* ---------------- COLUNA DE TEXTO ---------------- *\/\r\n\r\n  .vdb-sobre-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: 'Roboto', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n    color: var(--vdb-yellow);\r\n  }\r\n\r\n  \/* Mini equalizador animado ao lado do \"SOBRE N\u00d3S\" *\/\r\n  .vdb-sobre-eq {\r\n    display: inline-flex;\r\n    align-items: flex-end;\r\n    gap: 2px;\r\n    height: 12px;\r\n  }\r\n\r\n  .vdb-sobre-eq i {\r\n    width: 3px;\r\n    height: 100%;\r\n    border-radius: 1px;\r\n    background: var(--vdb-yellow);\r\n    transform-origin: bottom;\r\n    animation: vdbSobreEq 1s ease-in-out infinite;\r\n  }\r\n\r\n  .vdb-sobre-eq i:nth-child(2) { animation-delay: -0.35s; }\r\n  .vdb-sobre-eq i:nth-child(3) { animation-delay: -0.7s; }\r\n  .vdb-sobre-eq i:nth-child(4) { animation-delay: -0.2s; }\r\n\r\n  @keyframes vdbSobreEq {\r\n    0%, 100% { transform: scaleY(0.3); }\r\n    50%      { transform: scaleY(1); }\r\n  }\r\n\r\n  .vdb-sobre-title {\r\n    margin-top: 18px !important;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-weight: 900 !important;\r\n    font-size: clamp(42px, 5.6vw, 76px) !important;\r\n    line-height: 0.95 !important;\r\n    letter-spacing: -0.02em !important;\r\n    text-transform: uppercase;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .vdb-sobre-title span {\r\n    display: block;\r\n    color: var(--vdb-yellow);\r\n  }\r\n\r\n  .vdb-sobre-lead {\r\n    margin-top: 28px !important;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: clamp(18px, 1.6vw, 21px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.5 !important;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .vdb-sobre-lead strong {\r\n    color: var(--vdb-yellow);\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* Cards Influ\u00eancias \/ Proposta *\/\r\n  .vdb-sobre-cards {\r\n    margin-top: 36px;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  .vdb-sobre-card {\r\n    position: relative;\r\n    padding: 24px 22px;\r\n    border-radius: 16px;\r\n    background: transparent;\r\n    border: 1px solid #2A2A30;\r\n    transition: border-color 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .vdb-sobre-card:hover {\r\n    border-color: rgba(255, 218, 43, 0.45);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .vdb-sobre-card-head {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .vdb-sobre-card-head svg {\r\n    flex-shrink: 0;\r\n    width: 40px;\r\n    height: 40px;\r\n    padding: 9px;\r\n    border-radius: 10px;\r\n    border: 1px solid rgba(255, 218, 43, 0.35);\r\n    stroke: var(--vdb-yellow);\r\n    fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .vdb-sobre-card h3 {\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: 15px !important;\r\n    font-weight: 900 !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: 0.06em !important;\r\n    text-transform: uppercase;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .vdb-sobre-card p {\r\n    margin-top: 14px !important;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: 14.5px !important;\r\n    line-height: 1.65 !important;\r\n    color: var(--vdb-muted) !important;\r\n  }\r\n\r\n  \/* Chips das influ\u00eancias *\/\r\n  .vdb-sobre-chips {\r\n    margin-top: 16px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    list-style: none;\r\n  }\r\n\r\n  .vdb-sobre-chips li {\r\n    padding: 7px 12px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255, 218, 43, 0.4);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.04em;\r\n    color: var(--vdb-yellow);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Bot\u00e3o *\/\r\n  .vdb-sobre-actions {\r\n    margin-top: 36px;\r\n    display: flex;\r\n  }\r\n\r\n  .vdb-sobre-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    height: 54px;\r\n    padding: 0 26px;\r\n    border-radius: 10px;\r\n    background: #FFDA2B;\r\n    color: #000000 !important;\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: 13px !important;\r\n    font-weight: 900 !important;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    box-shadow: 0 8px 30px rgba(255, 218, 43, 0.25);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n\r\n  .vdb-sobre-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex-shrink: 0;\r\n    fill: #000000;\r\n  }\r\n\r\n  .vdb-sobre-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 36px rgba(255, 218, 43, 0.4);\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .vdb-sobre *,\r\n    .vdb-sobre *::before,\r\n    .vdb-sobre *::after {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n\r\n  \/* ---------------- TABLET ---------------- *\/\r\n  @media (max-width: 1024px) {\r\n    .vdb-sobre {\r\n      padding: 96px 24px;\r\n    }\r\n    .vdb-sobre-inner {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 72px;\r\n      max-width: 640px;\r\n    }\r\n    .vdb-sobre-media {\r\n      max-width: 560px;\r\n      width: 100%;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n\r\n  \/* ---------------- CELULAR ---------------- *\/\r\n  @media (max-width: 600px) {\r\n    .vdb-sobre {\r\n      padding: 72px 20px 80px;\r\n    }\r\n    .vdb-sobre-inner {\r\n      gap: 64px;\r\n    }\r\n    .vdb-sobre-media {\r\n      padding: 16px 16px 0 0;\r\n    }\r\n    .vdb-sobre-media::before {\r\n      left: 16px;\r\n      bottom: 16px;\r\n      border-radius: 18px;\r\n    }\r\n    .vdb-sobre-frame {\r\n      border-radius: 18px;\r\n      aspect-ratio: 4 \/ 3.6;\r\n    }\r\n    .vdb-sobre-seal {\r\n      width: 96px;\r\n      height: 96px;\r\n      right: -4px;\r\n      bottom: -34px;\r\n    }\r\n    .vdb-sobre-seal svg.vdb-core {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n    .vdb-sobre-title {\r\n      font-size: 44px !important;\r\n    }\r\n    .vdb-sobre-lead {\r\n      font-size: 18px !important;\r\n    }\r\n    .vdb-sobre-cards {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 12px;\r\n    }\r\n    .vdb-sobre-card {\r\n      padding: 20px 18px;\r\n    }\r\n    .vdb-sobre-card:hover {\r\n      transform: none;\r\n    }\r\n    .vdb-sobre-btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"vdb-sobre\" id=\"sobre\" aria-labelledby=\"vdbSobreTitle\">\r\n  <div class=\"vdb-sobre-inner\">\r\n\r\n    <!-- ============ FOTO ============ -->\r\n    <div class=\"vdb-sobre-media\">\r\n      <div class=\"vdb-sobre-frame\">\r\n        <!-- FOTO AQUI: troque o link abaixo pela URL da foto no WordPress -->\r\n        <img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Vocal01.jpg\" alt=\"Vocalista da Banda Voz do Brasil cantando ao vivo\" loading=\"lazy\">\r\n      <\/div>\r\n\r\n      <!-- Selo girat\u00f3rio -->\r\n      <div class=\"vdb-sobre-seal\" aria-hidden=\"true\">\r\n        <svg class=\"vdb-ring\" viewBox=\"0 0 120 120\">\r\n          <defs><path id=\"vdbSobreCircle\" d=\"M60,60 m-46,0 a46,46 0 1,1 92,0 a46,46 0 1,1 -92,0\"><\/path><\/defs>\r\n          <text><textPath href=\"#vdbSobreCircle\">Sobre n\u00f3s \u2022 Voz do Brasil \u2022<\/textPath><\/text>\r\n        <\/svg>\r\n        <svg class=\"vdb-core\" viewBox=\"0 0 24 24\"><rect x=\"9\" y=\"2\" width=\"6\" height=\"12\" rx=\"3\"><\/rect><path d=\"M5 11a7 7 0 0 0 14 0\"><\/path><path d=\"M12 18v4\"><\/path><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============ TEXTO ============ -->\r\n    <div class=\"vdb-sobre-content\">\r\n\r\n      <span class=\"vdb-sobre-eyebrow\">\r\n        <span class=\"vdb-sobre-eq\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><\/span>\r\n        Sobre n\u00f3s\r\n      <\/span>\r\n\r\n      <h2 class=\"vdb-sobre-title\" id=\"vdbSobreTitle\">\r\n        Sobre\r\n        <span>N\u00f3s<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"vdb-sobre-lead\">\r\n        A Banda Voz do Brasil foi formada com a miss\u00e3o de <strong>manter viva a chama do rock nacional<\/strong>, unindo cl\u00e1ssicos atemporais com composi\u00e7\u00f5es originais que falam direto ao cora\u00e7\u00e3o do p\u00fablico brasileiro.\r\n      <\/p>\r\n\r\n      <div class=\"vdb-sobre-cards\">\r\n\r\n        <article class=\"vdb-sobre-card\">\r\n          <div class=\"vdb-sobre-card-head\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z\"><\/path><\/svg>\r\n            <h3>Influ\u00eancias<\/h3>\r\n          <\/div>\r\n          <p>Inspirados pelos grandes nomes do rock brasileiro, trazemos uma sonoridade que honra as ra\u00edzes do g\u00eanero.<\/p>\r\n          <ul class=\"vdb-sobre-chips\">\r\n            <li>Legi\u00e3o Urbana<\/li>\r\n            <li>Bar\u00e3o Vermelho<\/li>\r\n            <li>Cazuza<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\r\n        <article class=\"vdb-sobre-card\">\r\n          <div class=\"vdb-sobre-card-head\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 18V5l12-2v13\"><\/path><circle cx=\"6\" cy=\"18\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"16\" r=\"3\"><\/circle><\/svg>\r\n            <h3>Proposta art\u00edstica<\/h3>\r\n          <\/div>\r\n          <p>Rock nacional com pegada moderna, letras autorais profundas e uma energia contagiante que transforma cada apresenta\u00e7\u00e3o em uma experi\u00eancia \u00fanica.<\/p>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"vdb-sobre-actions\">\r\n        <a class=\"vdb-sobre-btn\" href=\"https:\/\/wa.me\/5511947116116\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.148-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.124-.669-1.612-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n          Contrate a gente\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d618dd2 e-con e-atomic-element e-flexbox-base e-default-div e-6ae03df \" data-id=\"d618dd2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d618dd2\" data-e-type=\"e-flexbox\" data-id=\"d618dd2\">\n    <div class=\"elementor-element elementor-element-a195e92 e-con e-atomic-element e-flexbox-base e-default-div e-a195e92-547b663 \" data-id=\"a195e92\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a195e92\" data-e-type=\"e-flexbox\" data-id=\"a195e92\">\n    <div class=\"elementor-element elementor-element-18e3c86 e-con e-atomic-element e-flexbox-base e-default-div e-18e3c86-9621a3a \" data-id=\"18e3c86\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"18e3c86\" data-e-type=\"e-flexbox\" data-id=\"18e3c86\">\n    \t\t\t<h2 data-interaction-id=\"d0bb3bb\" class=\"e-d0bb3bb-e7f6583 e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"d0bb3bb\">REPERT\u00d3RIO<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-060288c e-con e-atomic-element e-flexbox-base e-default-div e-060288c-c5de847 \" data-id=\"060288c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"060288c\" data-e-type=\"e-flexbox\" data-id=\"060288c\">\n    \t\t\t<h2 data-interaction-id=\"853127c\" class=\"e-853127c-73017f6 e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"853127c\">REPERT\u00d3RIO DE HOMENAGENS<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fc18106 e-con e-atomic-element e-flexbox-base e-default-div e-fc18106-521d31c \" data-id=\"fc18106\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fc18106\" data-e-type=\"e-flexbox\" data-id=\"fc18106\">\n    \t\t<div class=\"elementor-element elementor-element-f64184a elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f64184a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A Banda Voz do Brasil celebra os pilares do rock nacional, trazendo a energia e a hist\u00f3ria desses \u00edcones para o palco. Nosso repert\u00f3rio \u00e9 uma viagem por can\u00e7\u00f5es que marcaram gera\u00e7\u00f5es, mantendo viva a chama do rock brasileiro.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1eb059a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1eb059a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Importa\u00e7\u00e3o das fontes para isolar do tema do WordPress *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700&family=Roboto:wght@400;500&display=swap');\r\n\r\n  .vdb-repertorio-wrapper {\r\n    background: transparent;\r\n    padding: 40px 20px;\r\n    font-family: 'Roboto', sans-serif;\r\n    color: #ffffff;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .vdb-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  @media (max-width: 968px) {\r\n    .vdb-cards-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  .vdb-bento-card {\r\n    background-color: #09090B !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 16px;\r\n    padding: 32px 24px;\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  .vdb-bento-card:hover {\r\n    border-color: rgba(245, 197, 24, 0.4);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .vdb-card-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 0.8rem !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 1.5px !important;\r\n    text-transform: uppercase !important;\r\n    color: #F5C518 !important;\r\n    margin-bottom: 20px !important;\r\n    padding-bottom: 10px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n  }\r\n\r\n  .vdb-band-list {\r\n    list-style: none !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .vdb-band-item {\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: 0.95rem !important;\r\n    color: #d1d5db;\r\n    transition: color 0.2s ease, transform 0.2s ease;\r\n    padding: 2px 0;\r\n  }\r\n\r\n  .vdb-band-item:hover {\r\n    color: #ffffff;\r\n    transform: translateX(4px);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"vdb-repertorio-wrapper\">\r\n  <div class=\"vdb-cards-grid\">\r\n    <!-- Card 1 -->\r\n    <div class=\"vdb-bento-card\">\r\n      <h3 class=\"vdb-card-title\">\u00edcones do Rock<\/h3>\r\n      <ul class=\"vdb-band-list\">\r\n        <li class=\"vdb-band-item\">Bar\u00e3o Vermelho<\/li>\r\n        <li class=\"vdb-band-item\">Legi\u00e3o Urbana<\/li>\r\n        <li class=\"vdb-band-item\">Capital Inicial<\/li>\r\n        <li class=\"vdb-band-item\">Cazuza<\/li>\r\n        <li class=\"vdb-band-item\">Paralamas do Sucesso<\/li>\r\n        <li class=\"vdb-band-item\">IRA!<\/li>\r\n        <li class=\"vdb-band-item\">Plebe Rude<\/li>\r\n        <li class=\"vdb-band-item\">Ultraje a Rigor<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"vdb-bento-card\">\r\n      <h3 class=\"vdb-card-title\">Vozes Atemporais<\/h3>\r\n      <ul class=\"vdb-band-list\">\r\n        <li class=\"vdb-band-item\">Los Hermanos<\/li>\r\n        <li class=\"vdb-band-item\">Nenhum de N\u00f3s<\/li>\r\n        <li class=\"vdb-band-item\">Djavan (vers\u00e3o rock)<\/li>\r\n        <li class=\"vdb-band-item\">Lulu Santos<\/li>\r\n        <li class=\"vdb-band-item\">Lob\u00e3o<\/li>\r\n        <li class=\"vdb-band-item\">C\u00e1ssia Eller<\/li>\r\n        <li class=\"vdb-band-item\">RPM<\/li>\r\n        <li class=\"vdb-band-item\">R\u00e1dio T\u00e1xi<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Card 3 -->\r\n    <div class=\"vdb-bento-card\">\r\n      <h3 class=\"vdb-card-title\">A For\u00e7a Do Rock Moderno<\/h3>\r\n      <ul class=\"vdb-band-list\">\r\n        <li class=\"vdb-band-item\">Skank<\/li>\r\n        <li class=\"vdb-band-item\">Jota Quest<\/li>\r\n        <li class=\"vdb-band-item\">Raimundos<\/li>\r\n        <li class=\"vdb-band-item\">Charlie Brown Jr.<\/li>\r\n        <li class=\"vdb-band-item\">CPM 22<\/li>\r\n        <li class=\"vdb-band-item\">Pitty<\/li>\r\n        <li class=\"vdb-band-item\">LS Jack<\/li>\r\n        <li class=\"vdb-band-item\">Mamonas Assassinas<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-90803d0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"90803d0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec81fc2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ec81fc2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce3083a\" data-id=\"ce3083a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d887bb elementor-widget elementor-widget-html\" data-id=\"6d887bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================= -->\r\n<!-- IN\u00cdCIO DO ESTILO CSS (MODIFIQUE CORES, FONTES E ESPA\u00c7AMENTOS AQUI) -->\r\n<!-- Desktop: inalterado. Mobile (\u2264768px): carrossel de cards.          -->\r\n<!-- ================================================================= -->\r\n<style>\r\n  \/* Importa\u00e7\u00e3o das fontes oficiais do projeto *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Roboto:wght@400;500&display=swap');\r\n\r\n  \/* Wrapper principal da se\u00e7\u00e3o *\/\r\n  .vdb-membros-section {\r\n    background: transparent; \/* Fundo transparente para integrar com o tema *\/\r\n    padding: 60px 20px;\r\n    font-family: 'Roboto', sans-serif;\r\n    color: #ffffff;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden; \/* evita rolagem lateral da p\u00e1gina no carrossel mobile *\/\r\n  }\r\n\r\n  .vdb-membros-section *,\r\n  .vdb-membros-section *::before,\r\n  .vdb-membros-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Grid principal dividida em 2 colunas (Esquerda: Textos\/Bios | Direita: Fotos) *\/\r\n  .vdb-membros-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.4fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n  }\r\n\r\n  @media (max-width: 968px) {\r\n    .vdb-membros-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 40px;\r\n    }\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* COLUNA DA ESQUERDA: CABE\u00c7ALHO E LISTA EDITORIAL     *\/\r\n  \/* =================================================== *\/\r\n\r\n  \/* Pequena tag superior amarela *\/\r\n  .vdb-membros-header .vdb-eyebrow {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 0.75rem !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 2px !important;\r\n    text-transform: uppercase !important;\r\n    color: #FFDA2B !important; \/* Cor de destaque amarela *\/\r\n    margin-bottom: 12px !important;\r\n  }\r\n\r\n  \/* T\u00edtulo principal da se\u00e7\u00e3o *\/\r\n  .vdb-membros-header h2 {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 2.2rem !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.15 !important;\r\n    color: #ffffff !important;\r\n    margin-bottom: 16px !important;\r\n  }\r\n\r\n  \/* Descri\u00e7\u00e3o \/ Subt\u00edtulo da se\u00e7\u00e3o *\/\r\n  .vdb-membros-header p {\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: 0.95rem !important;\r\n    line-height: 1.6 !important;\r\n    color: #9CA3AF !important;\r\n    margin-bottom: 32px !important;\r\n  }\r\n\r\n  \/* Container da lista de bios \u00e0 esquerda *\/\r\n  .vdb-membros-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* Item individual da bio *\/\r\n  .vdb-membro-item {\r\n    background-color: #09090B !important; \/* Fundo cinza escuro moderno *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n    border-radius: 12px;\r\n    padding: 16px 20px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .vdb-membro-item:hover {\r\n    border-color: rgba(255, 218, 43, 0.4); \/* Efeito de borda amarela no hover *\/\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* Nome do integrante na lista *\/\r\n  .vdb-membro-item h4 {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 0.95rem !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    margin-bottom: 4px !important;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Fun\u00e7\u00e3o\/Cargo do integrante (Ex: Baterista) *\/\r\n  .vdb-membro-item h4 span {\r\n    font-size: 0.75rem;\r\n    color: #FFDA2B;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* Texto da biografia *\/\r\n  .vdb-membro-item p {\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: 0.85rem !important;\r\n    color: #9CA3AF !important;\r\n    margin: 0 !important;\r\n    line-height: 1.5 !important;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* COLUNA DA DIREITA: GRID DE FOTOS E BADGES           *\/\r\n  \/* =================================================== *\/\r\n\r\n  .vdb-photos-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  @media (max-width: 580px) {\r\n    .vdb-photos-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  \/* Card individual da foto *\/\r\n  .vdb-photo-card {\r\n    position: relative;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    background-color: #09090B;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    aspect-ratio: 3\/4; \/* Propor\u00e7\u00e3o da foto vertical *\/\r\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);\r\n    transition: transform 0.3s ease, border-color 0.3s ease;\r\n  }\r\n\r\n  .vdb-photo-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(255, 218, 43, 0.4);\r\n  }\r\n\r\n  \/* Imagem do integrante *\/\r\n  .vdb-photo-card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n  }\r\n\r\n  .vdb-photo-card:hover img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  \/* Badge flutuante sobre a foto (Glassmorphism) *\/\r\n  .vdb-photo-badge {\r\n    position: absolute;\r\n    bottom: 12px;\r\n    left: 12px;\r\n    right: 12px;\r\n    background: rgba(9, 9, 11, 0.85);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 10px;\r\n    padding: 12px 14px;\r\n  }\r\n\r\n  \/* Nome na badge da foto *\/\r\n  .vdb-photo-badge h5 {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 0.9rem !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 2px 0 !important;\r\n  }\r\n\r\n  \/* Fun\u00e7\u00e3o na badge da foto *\/\r\n  .vdb-photo-badge span {\r\n    font-family: 'Roboto', sans-serif !important;\r\n    font-size: 0.75rem !important;\r\n    font-weight: 500 !important;\r\n    color: #FFDA2B !important;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  \/* Bloco de bio dentro do card (s\u00f3 aparece no mobile) *\/\r\n  .vdb-photo-info,\r\n  .vdb-membros-dots {\r\n    display: none;\r\n  }\r\n\r\n  \/* =================================================== *\/\r\n  \/* MOBILE (\u2264 768px): CARROSSEL DE CARDS COM FOTO + BIO *\/\r\n  \/* =================================================== *\/\r\n  @media (max-width: 768px) {\r\n\r\n    .vdb-membros-section {\r\n      padding: 56px 24px;\r\n    }\r\n\r\n    .vdb-membros-container {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 24px;\r\n    }\r\n\r\n    .vdb-membros-container > div {\r\n      min-width: 0;\r\n    }\r\n\r\n    .vdb-membros-header .vdb-eyebrow {\r\n      font-size: 11px !important;\r\n      letter-spacing: 0.18em !important;\r\n      margin-bottom: 8px !important;\r\n    }\r\n\r\n    .vdb-membros-header h2 {\r\n      font-size: 28px !important;\r\n      line-height: 1.12 !important;\r\n      margin-bottom: 12px !important;\r\n    }\r\n\r\n    .vdb-membros-header p {\r\n      font-size: 14px !important;\r\n      color: #B4B4BB !important;\r\n      margin-bottom: 0 !important;\r\n    }\r\n\r\n    \/* A lista de bios vai para dentro dos cards *\/\r\n    .vdb-membros-list {\r\n      display: none !important;\r\n    }\r\n\r\n    \/* Grid vira carrossel horizontal com snap *\/\r\n    .vdb-photos-grid {\r\n      display: flex !important;\r\n      grid-template-columns: none;\r\n      gap: 14px;\r\n      margin: 0 -24px;\r\n      padding: 0 24px 6px;\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      scroll-padding: 0 24px;\r\n      -webkit-overflow-scrolling: touch;\r\n      scrollbar-width: none;\r\n    }\r\n\r\n    .vdb-photos-grid::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    \/* Card: foto em cima, bio embaixo *\/\r\n    .vdb-photo-card {\r\n      flex: 0 0 78%;\r\n      max-width: 300px;\r\n      aspect-ratio: auto;\r\n      display: flex;\r\n      flex-direction: column;\r\n      scroll-snap-align: start;\r\n      background-color: #131317;\r\n      border: 1px solid #23232A;\r\n      box-shadow: none;\r\n      transform: none !important;\r\n    }\r\n\r\n    .vdb-photo-card img {\r\n      height: 280px;\r\n      flex-shrink: 0;\r\n      transform: none !important;\r\n    }\r\n\r\n    .vdb-photo-badge {\r\n      display: none;\r\n    }\r\n\r\n    .vdb-photo-info {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 6px;\r\n      padding: 16px;\r\n    }\r\n\r\n    .vdb-photo-info-top {\r\n      display: flex;\r\n      align-items: baseline;\r\n      justify-content: space-between;\r\n      gap: 8px;\r\n    }\r\n\r\n    .vdb-photo-info h5 {\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 17px !important;\r\n      font-weight: 700 !important;\r\n      color: #ffffff !important;\r\n      margin: 0 !important;\r\n    }\r\n\r\n    .vdb-photo-info span {\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 11px !important;\r\n      font-weight: 700 !important;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: #FFDA2B !important;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .vdb-photo-info p {\r\n      font-family: 'Roboto', sans-serif !important;\r\n      font-size: 13px !important;\r\n      line-height: 1.55 !important;\r\n      color: #A1A1AA !important;\r\n      margin: 0 !important;\r\n    }\r\n\r\n    \/* Indicadores (bolinhas) *\/\r\n    .vdb-membros-dots {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 4px;\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .vdb-membros-dots button {\r\n      width: 24px;\r\n      height: 24px;\r\n      padding: 0 !important;\r\n      background: transparent !important;\r\n      border: none !important;\r\n      box-shadow: none !important;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .vdb-membros-dots button::before {\r\n      content: \"\";\r\n      display: block;\r\n      width: 6px;\r\n      height: 6px;\r\n      border-radius: 3px;\r\n      background: #3F3F46;\r\n      transition: width 0.25s ease, background 0.25s ease;\r\n    }\r\n\r\n    .vdb-membros-dots button[aria-current=\"true\"]::before {\r\n      width: 22px;\r\n      background: #FFDA2B;\r\n    }\r\n  }\r\n<\/style>\r\n<!-- ================================================================= -->\r\n<!-- FIM DO ESTILO CSS                                                 -->\r\n<!-- ================================================================= -->\r\n\r\n\r\n<!-- ================================================================= -->\r\n<!-- IN\u00cdCIO DA ESTRUTURA HTML (MODIFIQUE TEXTOS, NOMES E IMAGENS AQUI) -->\r\n<!-- Obs.: cada bio aparece 2x \u2014 na lista (desktop) e no card (mobile). -->\r\n<!-- Ao editar uma bio, altere nos dois lugares.                        -->\r\n<!-- ================================================================= -->\r\n<div class=\"vdb-membros-section\" id=\"membros\">\r\n  <div class=\"vdb-membros-container\">\r\n\r\n    <!-- ------------------------------------------------------------- -->\r\n    <!-- COLUNA ESQUERDA: T\u00cdTULOS E BIOGRAFIAS                         -->\r\n    <!-- ------------------------------------------------------------- -->\r\n    <div class=\"vdb-membros-header\">\r\n      <!-- Tag superior -->\r\n      <div class=\"vdb-eyebrow\">Membros<\/div>\r\n      <!-- T\u00edtulo principal -->\r\n      <h2>CONHE\u00c7A OS MEMBROS DA BANDA<\/h2>\r\n      <!-- Descri\u00e7\u00e3o geral -->\r\n      <p>Cada integrante da Voz do Brasil traz uma hist\u00f3ria \u00fanica, somando talento, carisma e paix\u00e3o pelo rock nacional.<\/p>\r\n\r\n      <!-- Lista de biografias (desktop) -->\r\n      <div class=\"vdb-membros-list\">\r\n\r\n        <!-- Baterista -->\r\n        <div class=\"vdb-membro-item\">\r\n          <h4>Gago <span>Baterista<\/span><\/h4>\r\n          <p>Gago \u00e9 nossa pilha alcalina \u2014 o motor da banda, cheio de energia e ritmo, que faz tudo acontecer.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Guitarrista: Tom -->\r\n        <div class=\"vdb-membro-item\">\r\n          <h4>Tom <span>Guitarrista<\/span><\/h4>\r\n          <p>Tom \u00e9 um guitarrista experiente que une t\u00e9cnica e alegria, sempre com um sorriso no rosto e energia no palco.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Vocal: Andy Araujo -->\r\n        <div class=\"vdb-membro-item\">\r\n          <h4>Andy Araujo <span>Vocal<\/span><\/h4>\r\n          <p>Andy Araujo \u00e9 um vocalista carism\u00e1tico que nasceu na igreja do sub\u00farbio paulistano e encontrou no rock nacional sua paix\u00e3o.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Baixo: Sandro Santos -->\r\n        <div class=\"vdb-membro-item\">\r\n          <h4>Sandro Santos <span>Baixo<\/span><\/h4>\r\n          <p>Sandro Santos \u00e9 o mais experiente da banda \u2014 s\u00e9rio, preciso e dono de uma compet\u00eancia musical que sustenta cada nota com autoridade.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ------------------------------------------------------------- -->\r\n    <!-- COLUNA DIREITA: GRID DE FOTOS (desktop) \/ CARROSSEL (mobile)  -->\r\n    <!-- ------------------------------------------------------------- -->\r\n    <div>\r\n      <div class=\"vdb-photos-grid\" id=\"vdbMembrosTrack\">\r\n\r\n        <!-- FOTO 1: Baterista -->\r\n        <div class=\"vdb-photo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Batera-06-scaled-e1792710758822.jpeg\" alt=\"Gago - Baterista\" loading=\"lazy\">\r\n          <div class=\"vdb-photo-badge\">\r\n            <h5>Gago<\/h5>\r\n            <span>Baterista<\/span>\r\n          <\/div>\r\n          <div class=\"vdb-photo-info\">\r\n            <div class=\"vdb-photo-info-top\"><h5>Gago<\/h5><span>Baterista<\/span><\/div>\r\n            <p>Gago \u00e9 nossa pilha alcalina \u2014 o motor da banda, cheio de energia e ritmo, que faz tudo acontecer.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FOTO 2: Tom (Guitarrista) -->\r\n        <div class=\"vdb-photo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Guitar02.jpg\" alt=\"Tom - Guitarrista\" loading=\"lazy\">\r\n          <div class=\"vdb-photo-badge\">\r\n            <h5>Tom<\/h5>\r\n            <span>Guitarrista<\/span>\r\n          <\/div>\r\n          <div class=\"vdb-photo-info\">\r\n            <div class=\"vdb-photo-info-top\"><h5>Tom<\/h5><span>Guitarrista<\/span><\/div>\r\n            <p>Tom \u00e9 um guitarrista experiente que une t\u00e9cnica e alegria, sempre com um sorriso no rosto e energia no palco.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FOTO 3: Andy Araujo (Vocal) -->\r\n        <div class=\"vdb-photo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Vocal02.jpg\" alt=\"Andy Araujo - Vocal\" loading=\"lazy\">\r\n          <div class=\"vdb-photo-badge\">\r\n            <h5>Andy Araujo<\/h5>\r\n            <span>Vocal<\/span>\r\n          <\/div>\r\n          <div class=\"vdb-photo-info\">\r\n            <div class=\"vdb-photo-info-top\"><h5>Andy Araujo<\/h5><span>Vocal<\/span><\/div>\r\n            <p>Andy Araujo \u00e9 um vocalista carism\u00e1tico que nasceu na igreja do sub\u00farbio paulistano e encontrou no rock nacional sua paix\u00e3o.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FOTO 4: Sandro Santos (Baixo) -->\r\n        <div class=\"vdb-photo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Baixa02.jpg\" alt=\"Sandro Santos - Baixo\" loading=\"lazy\">\r\n          <div class=\"vdb-photo-badge\">\r\n            <h5>Sandro Santos<\/h5>\r\n            <span>Baixo<\/span>\r\n          <\/div>\r\n          <div class=\"vdb-photo-info\">\r\n            <div class=\"vdb-photo-info-top\"><h5>Sandro Santos<\/h5><span>Baixo<\/span><\/div>\r\n            <p>Sandro Santos \u00e9 o mais experiente da banda \u2014 s\u00e9rio, preciso e dono de uma compet\u00eancia musical que sustenta cada nota com autoridade.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Bolinhas do carrossel (s\u00f3 no mobile) -->\r\n      <div class=\"vdb-membros-dots\" id=\"vdbMembrosDots\" aria-label=\"Navegar entre os membros\">\r\n        <button type=\"button\" aria-label=\"Ver Gago\" aria-current=\"true\"><\/button>\r\n        <button type=\"button\" aria-label=\"Ver Tom\"><\/button>\r\n        <button type=\"button\" aria-label=\"Ver Andy Araujo\"><\/button>\r\n        <button type=\"button\" aria-label=\"Ver Sandro Santos\"><\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<!-- ================================================================= -->\r\n<!-- FIM DA ESTRUTURA HTML                                             -->\r\n<!-- ================================================================= -->\r\n\r\n<!-- ================================================================= -->\r\n<!-- SCRIPT DAS BOLINHAS DO CARROSSEL (MOBILE)                          -->\r\n<!-- ================================================================= -->\r\n<script>\r\n  (function () {\r\n    var track = document.getElementById('vdbMembrosTrack');\r\n    var dotsWrap = document.getElementById('vdbMembrosDots');\r\n    if (!track || !dotsWrap) return;\r\n\r\n    var cards = track.querySelectorAll('.vdb-photo-card');\r\n    var dots = dotsWrap.querySelectorAll('button');\r\n\r\n    function setActive(i) {\r\n      dots.forEach(function (d, j) {\r\n        if (j === i) d.setAttribute('aria-current', 'true');\r\n        else d.removeAttribute('aria-current');\r\n      });\r\n    }\r\n\r\n    \/\/ Atualiza a bolinha ativa conforme a rolagem\r\n    var ticking = false;\r\n    track.addEventListener('scroll', function () {\r\n      if (ticking) return;\r\n      ticking = true;\r\n      requestAnimationFrame(function () {\r\n        var left = track.scrollLeft;\r\n        var best = 0, bestDist = Infinity;\r\n        cards.forEach(function (c, i) {\r\n          var dist = Math.abs(c.offsetLeft - track.offsetLeft - 24 - left);\r\n          if (dist < bestDist) { bestDist = dist; best = i; }\r\n        });\r\n        \/\/ No fim da rolagem, marca o \u00faltimo\r\n        if (left + track.clientWidth >= track.scrollWidth - 4) best = cards.length - 1;\r\n        setActive(best);\r\n        ticking = false;\r\n      });\r\n    }, { passive: true });\r\n\r\n    \/\/ Toque na bolinha leva ao card\r\n    dots.forEach(function (d, i) {\r\n      d.addEventListener('click', function () {\r\n        var c = cards[i];\r\n        if (!c) return;\r\n        track.scrollTo({ left: c.offsetLeft - track.offsetLeft - 24, behavior: 'smooth' });\r\n      });\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-b65e5d5 e-con e-atomic-element e-flexbox-base e-default-div e-02eb2db \" data-id=\"b65e5d5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b65e5d5\" data-e-type=\"e-flexbox\" data-id=\"b65e5d5\">\n    \t\t\t<h2 data-interaction-id=\"e1f8b10\" class=\"e-e1f8b10-d123f69 e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"e1f8b10\">DIFERENCIAIS<\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"40f9a5d\" class=\"e-40f9a5d-9337e7e e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"40f9a5d\">NOSSOS DIFERENCIAIS<\/h2>\n\t\t<div class=\"elementor-element elementor-element-5d76b8d e-con e-atomic-element e-flexbox-base e-default-div e-5d76b8d-c5d45c5 \" data-id=\"5d76b8d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5d76b8d\" data-e-type=\"e-flexbox\" data-id=\"5d76b8d\">\n    \t\t<div class=\"elementor-element elementor-element-b24cfc0 elementor-widget elementor-widget-html\" data-id=\"b24cfc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================== -->\r\n<!-- ESTILOS CSS DA SE\u00c7\u00c3O (ISOLADOS DO TEMA DO WORDPRESS)                   -->\r\n<!-- ===================================================================== -->\r\n<style>\r\n  \/* Importa\u00e7\u00e3o das fontes oficiais do projeto (Montserrat e Roboto) *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Roboto:wght@400;500&display=swap');\r\n\r\n  \/* Reset b\u00e1sico para evitar conflitos de margem\/padding com o tema *\/\r\n  .vdb-diferenciais-wrapper *, \r\n  .vdb-diferenciais-wrapper *::before, \r\n  .vdb-diferenciais-wrapper *::after {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n  }\r\n\r\n  \/* Container principal da se\u00e7\u00e3o *\/\r\n  .vdb-diferenciais-wrapper {\r\n      background-color: #000000;\r\n      color: #ffffff;\r\n      font-family: 'Roboto', sans-serif !important;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      width: 100%;\r\n      padding: 60px 32px;\r\n      box-sizing: border-box; \/* evita rolagem lateral *\/\r\n  }\r\n\r\n  .diferenciais-section {\r\n      max-width: 1380px;\r\n      width: 100%;\r\n      text-align: center;\r\n  }\r\n\r\n  \/* Grid dos 3 cards de diferenciais *\/\r\n  .vdb-diferenciais-wrapper .cards-container {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 36px;\r\n      justify-content: center;\r\n      text-align: left;\r\n      width: 100%;\r\n  }\r\n\r\n  \/* Estilo individual de cada Card *\/\r\n  .vdb-diferenciais-wrapper .card {\r\n      background-color: #050505;\r\n      border: 1px solid #181818;\r\n      border-radius: 12px;\r\n      padding: 52px 44px 38px 44px;\r\n      position: relative;\r\n      cursor: pointer;\r\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n      min-height: 210px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-start;\r\n  }\r\n\r\n  .vdb-diferenciais-wrapper .card:hover {\r\n      border-color: #333333;\r\n      transform: translateY(-4px);\r\n      background-color: #09090b;\r\n  }\r\n\r\n  .vdb-diferenciais-wrapper .card.active-highlight {\r\n      border-color: #FFDA2B; \/* Destaque com o amarelo oficial *\/\r\n      background-color: #0c0c0e;\r\n  }\r\n\r\n  \/* =================================================================== *\/\r\n  \/* C\u00cdRCULO DO \u00cdCONE (SUPORTE A IMG SRC)                                *\/\r\n  \/* =================================================================== *\/\r\n  .vdb-diferenciais-wrapper .icon-wrapper {\r\n      position: absolute;\r\n      top: -28px;\r\n      left: 36px;\r\n      width: 56px;\r\n      height: 56px;\r\n      background-color: #ffffff;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);\r\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n      cursor: pointer;\r\n      z-index: 20;\r\n      overflow: hidden;\r\n  }\r\n\r\n  .vdb-diferenciais-wrapper .icon-wrapper:hover {\r\n      transform: scale(1.1);\r\n      box-shadow: 0 0 0 4px rgba(255, 218, 43, 0.25), 0 6px 16px rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  \/* Estiliza\u00e7\u00e3o da tag <img> dentro do c\u00edrculo *\/\r\n  .vdb-diferenciais-wrapper .icon-wrapper img {\r\n      width: 26px;\r\n      height: 26px;\r\n      object-fit: contain;\r\n      transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n\r\n  .vdb-diferenciais-wrapper .icon-pop img {\r\n      transform: scale(1.25);\r\n  }\r\n\r\n  \/* Tooltip informativo ao passar o mouse no c\u00edrculo *\/\r\n  .vdb-diferenciais-wrapper .icon-wrapper::after {\r\n      content: \"Clique para alterar o \u00edcone\/imagem\";\r\n      position: absolute;\r\n      top: -36px;\r\n      left: 50%;\r\n      transform: translateX(-50%) translateY(4px);\r\n      background-color: #161618;\r\n      color: #ffffff;\r\n      font-family: 'Roboto', sans-serif;\r\n      font-size: 0.68rem;\r\n      font-weight: 500;\r\n      white-space: nowrap;\r\n      padding: 4px 10px;\r\n      border-radius: 6px;\r\n      border: 1px solid #2e2e32;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      transition: all 0.2s ease;\r\n  }\r\n\r\n  .vdb-diferenciais-wrapper .icon-wrapper:hover::after {\r\n      opacity: 1;\r\n      transform: translateX(-50%) translateY(0);\r\n  }\r\n\r\n  \/* =================================================================== *\/\r\n  \/* POPOVER FLUTUANTE PARA ESCOLHER IMAGENS DE \u00cdCONE                    *\/\r\n  \/* =================================================================== *\/\r\n  .vdb-diferenciais-wrapper .icon-picker-popover {\r\n      position: absolute;\r\n      top: 36px;\r\n      left: 36px;\r\n      background-color: #0e0e11;\r\n      border: 1px solid #2a2a2e;\r\n      border-radius: 12px;\r\n      padding: 12px;\r\n      display: none;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 8px;\r\n      box-shadow: 0 14px 35px rgba(0, 0, 0, 0.9);\r\n      z-index: 50;\r\n      cursor: default;\r\n  }\r\n\r\n  .vdb-diferenciais-wrapper .icon-picker-popover.open {\r\n      display: grid;\r\n      animation: fadeInPopover 0.18s ease-out;\r\n  }\r\n\r\n  @keyframes fadeInPopover {\r\n      from { opacity: 0; transform: translateY(-6px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .vdb-diferenciais-wrapper .picker-option {\r\n      width: 38px;\r\n      height: 38px;\r\n      border-radius: 50%;\r\n      background-color: #ffffff;\r\n      border: 2px solid transparent;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      cursor: pointer;\r\n      transition: transform 0.18s ease, border-color 0.18s ease;\r\n  }\r\n\r\n  .vdb-diferenciais-wrapper .picker-option:hover {\r\n      transform: scale(1.12);\r\n      border-color: #FFDA2B;\r\n  }\r\n\r\n  .vdb-diferenciais-wrapper .picker-option img {\r\n      width: 20px;\r\n      height: 20px;\r\n      object-fit: contain;\r\n  }\r\n\r\n  \/* =================================================================== *\/\r\n  \/* TIPOGRAFIA DOS CARDS (MONTSERRAT PARA T\u00cdTULOS E ROBOTO PARA TEXTOS) *\/\r\n  \/* =================================================================== *\/\r\n  .vdb-diferenciais-wrapper .card-title {\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 1rem !important;\r\n      font-weight: 700 !important;\r\n      margin-bottom: 14px !important;\r\n      color: #f0f0f0 !important;\r\n      line-height: 1.4 !important;\r\n      letter-spacing: 0.5px !important;\r\n      text-transform: uppercase;\r\n  }\r\n\r\n  .vdb-diferenciais-wrapper .card-description {\r\n      font-family: 'Roboto', sans-serif !important;\r\n      font-size: 0.88rem !important;\r\n      color: #9CA3AF !important;\r\n      line-height: 1.75 !important;\r\n      font-weight: 400 !important;\r\n  }\r\n\r\n  \/* Responsividade para Tablets e Celulares *\/\r\n  @media (max-width: 1024px) {\r\n      .vdb-diferenciais-wrapper .cards-container {\r\n          grid-template-columns: 1fr;\r\n          max-width: 560px;\r\n          margin: 0 auto;\r\n          gap: 52px;\r\n      }\r\n      .vdb-diferenciais-wrapper .card {\r\n          padding: 46px 32px 34px 32px;\r\n      }\r\n  }\r\n\r\n  \/* ===================================================================== *\/\r\n  \/* MOBILE (\u2264 768px) \u2014 cards compactos: \u00edcone \u00e0 esquerda, texto \u00e0 direita *\/\r\n  \/* ===================================================================== *\/\r\n  @media (max-width: 768px) {\r\n\r\n      .vdb-diferenciais-wrapper {\r\n          padding: 24px 24px 56px;\r\n      }\r\n\r\n      .vdb-diferenciais-wrapper .cards-container {\r\n          max-width: none;\r\n          gap: 12px;\r\n      }\r\n\r\n      .vdb-diferenciais-wrapper .card {\r\n          display: grid;\r\n          grid-template-columns: 44px minmax(0, 1fr);\r\n          column-gap: 16px;\r\n          align-items: start;\r\n          min-height: 0;\r\n          padding: 18px;\r\n          border-radius: 14px;\r\n          background-color: #131317;\r\n          border-color: #23232A;\r\n          transform: none !important;\r\n          -webkit-tap-highlight-color: transparent;\r\n      }\r\n\r\n      \/* \u00cdcone sai do topo \"flutuante\" e vai para dentro do card *\/\r\n      .vdb-diferenciais-wrapper .icon-wrapper {\r\n          position: static;\r\n          grid-column: 1;\r\n          grid-row: 1 \/ span 2;\r\n          width: 44px;\r\n          height: 44px;\r\n          box-shadow: none;\r\n          transform: none !important;\r\n          pointer-events: none; \/* o toque vai para o card *\/\r\n      }\r\n\r\n      .vdb-diferenciais-wrapper .icon-wrapper img {\r\n          width: 20px;\r\n          height: 20px;\r\n      }\r\n\r\n      \/* Seletor de \u00edcones e dica \"Clique para alterar\" n\u00e3o aparecem no celular *\/\r\n      .vdb-diferenciais-wrapper .icon-wrapper::after,\r\n      .vdb-diferenciais-wrapper .icon-picker-popover {\r\n          display: none !important;\r\n      }\r\n\r\n      .vdb-diferenciais-wrapper .card-title {\r\n          grid-column: 2;\r\n          font-size: 15px !important;\r\n          line-height: 1.3 !important;\r\n          margin-bottom: 4px !important;\r\n          padding-top: 2px !important;\r\n      }\r\n\r\n      .vdb-diferenciais-wrapper .card-description {\r\n          grid-column: 2;\r\n          font-size: 13px !important;\r\n          line-height: 1.55 !important;\r\n          color: #A1A1AA !important;\r\n      }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- ===================================================================== -->\r\n<!-- ESTRUTURA HTML DA SE\u00c7\u00c3O                                               -->\r\n<!-- ===================================================================== -->\r\n<div class=\"vdb-diferenciais-wrapper\">\r\n    <section class=\"diferenciais-section\">\r\n        <div class=\"cards-container\">\r\n            \r\n            <!-- ------------------------------------------------------------- -->\r\n            <!-- CARD 1: Carisma Natural                                       -->\r\n            <!-- ------------------------------------------------------------- -->\r\n            <div class=\"card\" onclick=\"highlightCard(this)\">\r\n                <!-- C\u00edrculo do \u00cdcone (Substitua o 'src' abaixo pela URL da sua imagem) -->\r\n                <div class=\"icon-wrapper\" onclick=\"toggleIconPicker(event, this)\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/microphone-black-shape.png\" alt=\"\u00cdcone Microfone\">\r\n                <\/div>\r\n                <!-- Menu popover autom\u00e1tico para selecionar \u00edcones cadastrados -->\r\n                <div class=\"icon-picker-popover\" onclick=\"event.stopPropagation()\"><\/div>\r\n                \r\n                <!-- T\u00edtulo e Descri\u00e7\u00e3o -->\r\n                <h3 class=\"card-title\">Carisma Natural<\/h3>\r\n                <p class=\"card-description\">\r\n                    Presen\u00e7a de palco marcante que cativa e envolve a plateia desde o primeiro acorde at\u00e9 o \u00faltimo bis.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- ------------------------------------------------------------- -->\r\n            <!-- CARD 2: Repert\u00f3rio Diversificado                              -->\r\n            <!-- ------------------------------------------------------------- -->\r\n            <div class=\"card\" onclick=\"highlightCard(this)\">\r\n                <div class=\"icon-wrapper\" onclick=\"toggleIconPicker(event, this)\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/musical-note.png\" alt=\"\u00cdcone Guitarra\">\r\n                <\/div>\r\n                <div class=\"icon-picker-popover\" onclick=\"event.stopPropagation()\"><\/div>\r\n                \r\n                <h3 class=\"card-title\">Repert\u00f3rio Diversificado<\/h3>\r\n                <p class=\"card-description\">\r\n                    Mix perfeito entre cl\u00e1ssicos consagrados e arranjos pr\u00f3prios que mostram a energia do rock nacional.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- ------------------------------------------------------------- -->\r\n            <!-- CARD 3: Conex\u00e3o Emocional                                     -->\r\n            <!-- ------------------------------------------------------------- -->\r\n            <div class=\"card\" onclick=\"highlightCard(this)\">\r\n                <div class=\"icon-wrapper\" onclick=\"toggleIconPicker(event, this)\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/heart-shape-silhouette.png\" alt=\"\u00cdcone Cora\u00e7\u00e3o\">\r\n                <\/div>\r\n                <div class=\"icon-picker-popover\" onclick=\"event.stopPropagation()\"><\/div>\r\n                \r\n                <h3 class=\"card-title\">Conex\u00e3o Emocional<\/h3>\r\n                <p class=\"card-description\">\r\n                    Cada m\u00fasica \u00e9 interpretada com paix\u00e3o genu\u00edna, criando momentos inesquec\u00edveis de comunh\u00e3o com o p\u00fablico.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n\r\n<!-- ===================================================================== -->\r\n<!-- SCRIPTS JAVASCRIPT DE INTERATIVIDADE E GERENCIAMENTO DE \u00cdCONES          -->\r\n<!-- ===================================================================== -->\r\n<script>\r\n    \/\/ Biblioteca com URLs de imagens\/\u00edcones dispon\u00edveis para troca r\u00e1pida\r\n    const availableIcons = [\r\n        { name: 'Microfone', url: 'https:\/\/api.iconify.design\/lucide:mic.svg?color=%23000000' },\r\n        { name: 'Guitarra', url: 'https:\/\/api.iconify.design\/lucide:guitars.svg?color=%23000000' },\r\n        { name: 'Cora\u00e7\u00e3o', url: 'https:\/\/api.iconify.design\/lucide:heart.svg?color=%23000000' },\r\n        { name: 'Nota Musical', url: 'https:\/\/api.iconify.design\/lucide:music.svg?color=%23000000' },\r\n        { name: 'Raio \/ Energia', url: 'https:\/\/api.iconify.design\/lucide:zap.svg?color=%23000000' },\r\n        { name: 'Estrela', url: 'https:\/\/api.iconify.design\/lucide:star.svg?color=%23000000' },\r\n        { name: 'Disco de Vinil', url: 'https:\/\/api.iconify.design\/lucide:disc.svg?color=%23000000' },\r\n        { name: 'Fogo \/ Paix\u00e3o', url: 'https:\/\/api.iconify.design\/lucide:flame.svg?color=%23000000' }\r\n    ];\r\n\r\n    \/\/ Popula o menu de sele\u00e7\u00e3o em cada card dinamicamente\r\n    \/\/ (restrito a esta se\u00e7\u00e3o, para n\u00e3o mexer em outros \".card\" do tema)\r\n    document.querySelectorAll('.vdb-diferenciais-wrapper .card').forEach(card => {\r\n        const popover = card.querySelector('.icon-picker-popover');\r\n        const wrapper = card.querySelector('.icon-wrapper');\r\n        if (!popover || !wrapper) return;\r\n\r\n        availableIcons.forEach(icon => {\r\n            const btn = document.createElement('button');\r\n            btn.type = 'button';\r\n            btn.className = 'picker-option';\r\n            btn.title = icon.name;\r\n            btn.innerHTML = `<img decoding=\"async\" src=\"${icon.url}\" alt=\"${icon.name}\">`;\r\n            \r\n            \/\/ Evento ao clicar em uma op\u00e7\u00e3o de \u00edcone\r\n            btn.addEventListener('click', (e) => {\r\n                e.stopPropagation();\r\n                const imgElement = wrapper.querySelector('img');\r\n                imgElement.src = icon.url;\r\n\r\n                \/\/ Anima\u00e7\u00e3o de zoom ao trocar\r\n                wrapper.classList.add('icon-pop');\r\n                setTimeout(() => wrapper.classList.remove('icon-pop'), 220);\r\n\r\n                popover.classList.remove('open');\r\n            });\r\n\r\n            popover.appendChild(btn);\r\n        });\r\n    });\r\n\r\n    \/\/ Fun\u00e7\u00e3o para abrir ou fechar o seletor de \u00edcones ao clicar no c\u00edrculo branco\r\n    function toggleIconPicker(event, iconWrapper) {\r\n        event.stopPropagation();\r\n        const currentPopover = iconWrapper.parentElement.querySelector('.icon-picker-popover');\r\n        const isOpen = currentPopover.classList.contains('open');\r\n\r\n        \/\/ Fecha todos os outros popovers abertos na tela\r\n        document.querySelectorAll('.icon-picker-popover').forEach(p => p.classList.remove('open'));\r\n\r\n        if (!isOpen) {\r\n            currentPopover.classList.add('open');\r\n        }\r\n    }\r\n\r\n    \/\/ Fecha o popover se o usu\u00e1rio clicar em qualquer outro lugar da p\u00e1gina\r\n    document.addEventListener('click', () => {\r\n        document.querySelectorAll('.icon-picker-popover').forEach(p => p.classList.remove('open'));\r\n    });\r\n\r\n    \/\/ Fun\u00e7\u00e3o para destacar o card ao clicar nele\r\n    function highlightCard(selectedCard) {\r\n        const cards = document.querySelectorAll('.vdb-diferenciais-wrapper .card');\r\n        cards.forEach(card => {\r\n            if (card !== selectedCard) {\r\n                card.classList.remove('active-highlight');\r\n            }\r\n        });\r\n        selectedCard.classList.toggle('active-highlight');\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-53ccfab e-con e-atomic-element e-flexbox-base e-default-div e-42b0c2a \" data-id=\"53ccfab\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"53ccfab\" data-e-type=\"e-flexbox\" data-id=\"53ccfab\">\n    \t\t\t<h2 data-interaction-id=\"5074fa2\" class=\"e-5074fa2-5f23fe3 e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"5074fa2\">GALERIA<\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"2048065\" class=\"e-2048065-21ed0e2 e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"2048065\">GALERIA VISUAL<\/h2>\n\t\t<div class=\"elementor-element elementor-element-edd7149 e-con-full e-flex e-con e-parent\" data-id=\"edd7149\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82cee2f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"82cee2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================= -->\r\n<!-- GALERIA VISUAL \u2014 Desktop: inalterado (3 colunas).                  -->\r\n<!-- Mobile (\u2264768px): grade de 2 colunas, 6 fotos + \"Ver mais fotos\".   -->\r\n<!-- ================================================================= -->\r\n<style>\r\n    .gallery-section,\r\n    .gallery-container,\r\n    .gallery-grid,\r\n    .gallery-column,\r\n    .gallery-item {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        background: none !important;\r\n        background-color: transparent !important;\r\n        border: none !important;\r\n        box-shadow: none !important;\r\n    }\r\n\r\n    .gallery-section {\r\n        width: 100%;\r\n        padding: 40px 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .gallery-container {\r\n        width: 100%;\r\n        max-width: 960px;\r\n    }\r\n\r\n    .gallery-grid {\r\n        display: flex;\r\n        gap: 28px;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .gallery-column {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 28px;\r\n    }\r\n\r\n    .gallery-item {\r\n        width: 100%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .gallery-item img {\r\n        display: block;\r\n        width: 100%;\r\n        height: auto;\r\n        background: none !important;\r\n        background-color: transparent !important;\r\n        filter: grayscale(100%);\r\n        transition: filter 0.35s ease, transform 0.35s ease;\r\n    }\r\n\r\n    .gallery-item img:hover {\r\n        filter: grayscale(0%);\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    \/* Bot\u00e3o \"Ver mais fotos\" \u2014 escondido no desktop *\/\r\n    .gallery-more {\r\n        display: none;\r\n    }\r\n\r\n    \/* ============================================================= *\/\r\n    \/* MOBILE (\u2264 768px)                                               *\/\r\n    \/* ============================================================= *\/\r\n    @media (max-width: 768px) {\r\n\r\n        .gallery-section {\r\n            padding: 32px 20px 56px;\r\n        }\r\n\r\n        \/* Grade \u00fanica de 2 colunas com todas as fotos *\/\r\n        .gallery-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 8px;\r\n        }\r\n\r\n        \/* As colunas \"somem\" e as fotos entram direto na grade *\/\r\n        .gallery-column {\r\n            display: contents !important;\r\n        }\r\n\r\n        .gallery-item {\r\n            border-radius: 10px;\r\n            height: 240px;\r\n        }\r\n\r\n        \/* Ritmo alto \/ baixo: pares de linhas alternando 240px e 180px *\/\r\n        .gallery-item.is-short {\r\n            height: 180px;\r\n        }\r\n\r\n        .gallery-item img {\r\n            height: 100%;\r\n            object-fit: cover;\r\n            border-radius: 10px;\r\n            transform: none !important;\r\n        }\r\n\r\n        \/* No toque, a foto ganha cor *\/\r\n        .gallery-item img:active {\r\n            filter: grayscale(0%);\r\n        }\r\n\r\n        \/* Mostra s\u00f3 as 6 primeiras at\u00e9 tocar em \"Ver mais\" *\/\r\n        .gallery-section:not(.is-expanded) .gallery-item.is-extra {\r\n            display: none;\r\n        }\r\n\r\n        .gallery-more {\r\n            display: flex !important;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            width: 100%;\r\n            height: 50px;\r\n            margin-top: 20px;\r\n            padding: 0 !important;\r\n            border-radius: 10px !important;\r\n            border: 1px solid #3F3F46 !important;\r\n            background: transparent !important;\r\n            color: #FFFFFF !important;\r\n            font-family: 'Montserrat', sans-serif !important;\r\n            font-weight: 700 !important;\r\n            font-size: 13px !important;\r\n            letter-spacing: 0.06em;\r\n            text-transform: uppercase;\r\n            cursor: pointer;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n\r\n        .gallery-more:active {\r\n            border-color: #FFDA2B !important;\r\n        }\r\n\r\n        .gallery-more svg {\r\n            width: 16px;\r\n            height: 16px;\r\n            transition: transform 0.25s ease;\r\n        }\r\n\r\n        .gallery-section.is-expanded .gallery-more svg {\r\n            transform: rotate(180deg);\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"gallery-section\" id=\"galeria\">\r\n    <div class=\"gallery-container\">\r\n        <div class=\"gallery-grid\"><div class=\"gallery-column\"><div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Vocal07-683x1024.jpg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Guitar01-683x1024.jpg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><div class=\"gallery-item is-short\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Guitar02-683x1024.jpg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><div class=\"gallery-item is-short\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Batera-04-1024x683.jpeg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><\/div><div class=\"gallery-column\"><div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Baixo01-683x1024.jpg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Baixo02-743x1024.jpg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><div class=\"gallery-item is-extra is-short\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Baixa02-683x1024.jpg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><div class=\"gallery-item is-extra is-short\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Vocal01-683x1024.jpg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><\/div><div class=\"gallery-column\"><div class=\"gallery-item is-extra\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Guitlar02-1024x701.jpg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><div class=\"gallery-item is-extra\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Vocal04-1024x730.jpg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><div class=\"gallery-item is-extra is-short\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Batera-06-scaled-e1792710758822-681x1024.jpeg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><div class=\"gallery-item is-extra is-short\"><img decoding=\"async\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/30-IMG_3256-705x1024.jpg\" alt=\"Foto da Banda Voz do Brasil\" loading=\"lazy\"><\/div><\/div><\/div>\r\n\r\n        <!-- Bot\u00e3o \"Ver mais fotos\" (s\u00f3 no mobile) -->\r\n        <button type=\"button\" class=\"gallery-more\" id=\"vdbGalleryMore\" aria-expanded=\"false\">\r\n            <span>Ver mais fotos<\/span>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\r\n        <\/button>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    (function () {\r\n        var btn = document.getElementById('vdbGalleryMore');\r\n        if (!btn) return;\r\n        var section = btn.closest('.gallery-section');\r\n        var label = btn.querySelector('span');\r\n\r\n        btn.addEventListener('click', function () {\r\n            var open = !section.classList.contains('is-expanded');\r\n            section.classList.toggle('is-expanded', open);\r\n            btn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n            label.textContent = open ? 'Ver menos fotos' : 'Ver mais fotos';\r\n\r\n            \/\/ Ao recolher, volta o in\u00edcio da galeria para a tela\r\n            if (!open) section.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n        });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-de9ff49 e-con e-atomic-element e-flexbox-base e-default-div e-3f5492e \" data-id=\"de9ff49\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"de9ff49\" data-e-type=\"e-flexbox\" data-id=\"de9ff49\">\n    \t\t\t<h2 data-interaction-id=\"56f91ab\" class=\"e-56f91ab-ce2ac56 e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"56f91ab\">CONTATO<\/h2>\n\t\t\t\t\t<h2 data-interaction-id=\"12fb798\" class=\"e-12fb798-ec3887b e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"12fb798\">ENTRE EM CONTATO<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e7f37c elementor-widget elementor-widget-text-editor\" data-id=\"0e7f37c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Estamos prontos para levar nossa m\u00fasica at\u00e9 voc\u00ea<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ec4a75 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2ec4a75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================== -->\r\n<!-- ESTILOS CSS DOS CARDS DE CONTATO (APENAS OS CARDS, FUNDO TRANSPARENTE)-->\r\n<!-- ===================================================================== -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Roboto:wght@400;500&display=swap');\r\n\r\n  .vdb-contato-wrapper *, \r\n  .vdb-contato-wrapper *::before, \r\n  .vdb-contato-wrapper *::after {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n  }\r\n\r\n  .vdb-contato-wrapper {\r\n      background: transparent !important;\r\n      font-family: 'Roboto', sans-serif;\r\n      color: #ffffff;\r\n      width: 100%;\r\n      padding: 40px 20px;\r\n      box-sizing: border-box; \/* evita rolagem lateral no celular *\/\r\n  }\r\n\r\n  .vdb-contato-container {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n  }\r\n\r\n  \/* Grid de Contato (2 Colunas) *\/\r\n  .vdb-contato-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 30px;\r\n      text-align: left;\r\n  }\r\n\r\n  @media (max-width: 868px) {\r\n      .vdb-contato-grid {\r\n          grid-template-columns: 1fr;\r\n      }\r\n  }\r\n\r\n  \/* Card Individual *\/\r\n  .vdb-contato-card {\r\n      background-color: #09090B;\r\n      border: 1px solid rgba(255, 255, 255, 0.08);\r\n      border-radius: 20px;\r\n      padding: 40px 36px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      position: relative;\r\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  .vdb-contato-card:hover {\r\n      border-color: rgba(255, 218, 43, 0.4);\r\n      transform: translateY(-5px);\r\n      background-color: #0c0c0e;\r\n  }\r\n\r\n  \/* \u00cdcone no topo do card *\/\r\n  .vdb-card-icon {\r\n      width: 50px;\r\n      height: 50px;\r\n      background: rgba(255, 218, 43, 0.1);\r\n      border: 1px solid rgba(255, 218, 43, 0.2);\r\n      border-radius: 14px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 24px;\r\n      transition: background 0.3s ease;\r\n  }\r\n\r\n  .vdb-contato-card:hover .vdb-card-icon {\r\n      background: rgba(255, 218, 43, 0.2);\r\n  }\r\n\r\n  .vdb-card-icon svg {\r\n      width: 24px;\r\n      height: 24px;\r\n      fill: #FFDA2B;\r\n  }\r\n\r\n  \/* Textos do Card *\/\r\n  .vdb-contato-card h3 {\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 1.3rem !important;\r\n      font-weight: 700 !important;\r\n      color: #ffffff !important;\r\n      margin-bottom: 12px !important;\r\n  }\r\n\r\n  .vdb-contato-card p {\r\n      font-family: 'Roboto', sans-serif !important;\r\n      font-size: 0.92rem !important;\r\n      line-height: 1.7 !important;\r\n      color: #9CA3AF !important;\r\n      margin-bottom: 30px !important;\r\n  }\r\n\r\n  \/* Bot\u00f5es de A\u00e7\u00e3o *\/\r\n  .vdb-btn-card-primary {\r\n      background-color: #FFDA2B;\r\n      color: #000000;\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-weight: 700;\r\n      font-size: 0.85rem;\r\n      letter-spacing: 0.5px;\r\n      padding: 14px 24px;\r\n      border-radius: 10px;\r\n      text-decoration: none;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 20px rgba(255, 218, 43, 0.25);\r\n      text-transform: uppercase;\r\n  }\r\n\r\n  .vdb-btn-card-primary:hover {\r\n      background-color: #ffdf47;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 25px rgba(255, 218, 43, 0.4);\r\n  }\r\n\r\n  .vdb-btn-card-secondary {\r\n      background-color: transparent;\r\n      color: #ffffff;\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-weight: 600;\r\n      font-size: 0.85rem;\r\n      letter-spacing: 0.5px;\r\n      padding: 14px 24px;\r\n      border-radius: 10px;\r\n      border: 1px solid rgba(255, 255, 255, 0.2);\r\n      text-decoration: none;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      transition: all 0.3s ease;\r\n      text-transform: uppercase;\r\n  }\r\n\r\n  .vdb-btn-card-secondary:hover {\r\n      border-color: #FFDA2B;\r\n      color: #FFDA2B;\r\n      background-color: rgba(255, 218, 43, 0.05);\r\n  }\r\n\r\n  \/* ===================================================================== *\/\r\n  \/* MOBILE (\u2264 768px) \u2014 cards compactos e bot\u00f5es na largura toda           *\/\r\n  \/* ===================================================================== *\/\r\n  @media (max-width: 768px) {\r\n\r\n      .vdb-contato-wrapper {\r\n          padding: 24px 24px 56px;\r\n      }\r\n\r\n      .vdb-contato-grid {\r\n          grid-template-columns: 1fr;\r\n          gap: 14px;\r\n      }\r\n\r\n      .vdb-contato-card {\r\n          padding: 22px;\r\n          border-radius: 16px;\r\n          background-color: #131317;\r\n          border-color: #23232A;\r\n          box-shadow: none;\r\n          transform: none !important;\r\n      }\r\n\r\n      .vdb-card-icon {\r\n          width: 40px;\r\n          height: 40px;\r\n          border-radius: 10px;\r\n          margin-bottom: 14px;\r\n      }\r\n\r\n      .vdb-card-icon svg {\r\n          width: 20px;\r\n          height: 20px;\r\n      }\r\n\r\n      .vdb-contato-card h3 {\r\n          font-size: 18px !important;\r\n          margin-bottom: 8px !important;\r\n      }\r\n\r\n      .vdb-contato-card p {\r\n          font-size: 14px !important;\r\n          line-height: 1.6 !important;\r\n          color: #A1A1AA !important;\r\n          margin-bottom: 18px !important;\r\n      }\r\n\r\n      \/* Bot\u00f5es ocupam a largura toda, com altura confort\u00e1vel para o dedo *\/\r\n      .vdb-btn-card-primary,\r\n      .vdb-btn-card-secondary {\r\n          display: flex;\r\n          width: 100%;\r\n          height: 52px;\r\n          padding: 0 16px;\r\n          font-size: 13px;\r\n          font-weight: 800;\r\n          letter-spacing: 0.06em;\r\n          transform: none !important;\r\n          -webkit-tap-highlight-color: transparent;\r\n      }\r\n\r\n      .vdb-btn-card-primary {\r\n          box-shadow: none;\r\n      }\r\n\r\n      .vdb-btn-card-secondary {\r\n          border-color: #3F3F46;\r\n      }\r\n\r\n      \/* Feedback ao tocar (no lugar do hover) *\/\r\n      .vdb-btn-card-primary:active {\r\n          background-color: #E6C21F;\r\n      }\r\n\r\n      .vdb-btn-card-secondary:active {\r\n          border-color: #FFDA2B;\r\n          color: #FFDA2B;\r\n      }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===================================================================== -->\r\n<!-- ESTRUTURA HTML (APENAS OS 2 CARDS)                                    -->\r\n<!-- ===================================================================== -->\r\n<div class=\"vdb-contato-wrapper\">\r\n    <div class=\"vdb-contato-container\">\r\n        \r\n        <div class=\"vdb-contato-grid\">\r\n            \r\n            <!-- Card 1: WhatsApp \/ Contrata\u00e7\u00f5es -->\r\n            <div class=\"vdb-contato-card\">\r\n                <div>\r\n                    <div class=\"vdb-card-icon\">\r\n                        <!-- \u00cdcone WhatsApp -->\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.148-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.124-.669-1.612-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Contrata\u00e7\u00f5es &amp; Shows<\/h3>\r\n                    <p>Leve toda a energia e o peso do rock nacional para festivais, casas de show ou eventos particulares. Fale direto com nossa produ\u00e7\u00e3o.<\/p>\r\n                <\/div>\r\n                <a href=\"https:\/\/wa.me\/5511947116116\" target=\"_blank\" rel=\"noopener\" class=\"vdb-btn-card-primary\">\r\n                    Mande uma Mensagem\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Card 2: Instagram -->\r\n            <div class=\"vdb-contato-card\">\r\n                <div>\r\n                    <div class=\"vdb-card-icon\">\r\n                        <!-- \u00cdcone Instagram -->\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Bastidores &amp; Agenda<\/h3>\r\n                    <p>Acompanhe nossa rotina de ensaios, trechos de shows ao vivo e fofocas de bastidores direto no nosso perfil do Instagram.<\/p>\r\n                <\/div>\r\n                <a href=\"https:\/\/instagram.com\/banda.vozdobrasil\" target=\"_blank\" rel=\"noopener\" class=\"vdb-btn-card-secondary\">\r\n                    Siga no Instagram\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2079c443 e-con e-atomic-element e-flexbox-base e-default-div e-2079c443-ecaeda4 \" data-id=\"2079c443\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2079c443\" data-e-type=\"e-flexbox\" data-id=\"2079c443\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-default-img e-7578221e-e7cd86d\" data-interaction-id=\"7578221e\" data-e-type=\"widget\" data-id=\"7578221e\" id=\"39\" src=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Logo-Voz-do-Brasil-FUNDO-TRANSPARENTE-PNG.png\" width=\"1254\" height=\"1254\" srcset=\"https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Logo-Voz-do-Brasil-FUNDO-TRANSPARENTE-PNG.png 1254w, https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Logo-Voz-do-Brasil-FUNDO-TRANSPARENTE-PNG-300x300.png 300w, https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Logo-Voz-do-Brasil-FUNDO-TRANSPARENTE-PNG-1024x1024.png 1024w, https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Logo-Voz-do-Brasil-FUNDO-TRANSPARENTE-PNG-150x150.png 150w, https:\/\/bandavozdobrasil.com.br\/wp-content\/uploads\/2026\/10\/Logo-Voz-do-Brasil-FUNDO-TRANSPARENTE-PNG-768x768.png 768w\" alt=\"\"\/>\t\t<div class=\"elementor-element elementor-element-443b13 e-flex e-con-boxed e-con e-parent\" data-id=\"443b13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<h2 data-interaction-id=\"6399633f\" class=\"e-6399633f-75fe86e e-heading-base e-default-h2\" data-e-type=\"widget\" data-id=\"6399633f\">Estamos prontos para levar nossa<br>m\u00fasica at\u00e9 voc\u00eas. Entre em contato e vamos criar juntos  uma experi\u00eancia inesquec\u00edvel.<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47ad621a elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"47ad621a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-d8cd2b9\" href=\"https:\/\/www.youtube.com\/@bandavozdobr\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-youtube\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-969b412\" href=\"https:\/\/instagram.com\/banda.vozdobrasil\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-ba109a3\" href=\"https:\/\/wa.me\/5511947116116\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-709233de e-flex e-con-boxed e-con e-parent\" data-id=\"709233de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f702c4b elementor-widget elementor-widget-heading\" data-id=\"5f702c4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">@2025 Banda Rock Nacional. Todos os direitos reservados.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Repert\u00f3rio Membros Experi\u00eancias Depoimentos Contato Contrate a gente Siga a banda contrate a gente contrate Banda Voz do Brasil Sua Festa Com o Peso e a Vibra\u00e7\u00e3o Do Melhor Rock Brasileiro O rock nacional que emociona e conecta gera\u00e7\u00f5es pela paix\u00e3o pelo Brasil! CONTATE AGORA Whatsapp Instagram Youtube VEJA O NOSSO V\u00cdDEO PROMOCIONAL ABAIXO Hist\u00f3ria [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/bandavozdobrasil.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bandavozdobrasil.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bandavozdobrasil.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bandavozdobrasil.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bandavozdobrasil.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":306,"href":"https:\/\/bandavozdobrasil.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":908,"href":"https:\/\/bandavozdobrasil.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/908"}],"wp:attachment":[{"href":"https:\/\/bandavozdobrasil.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}