A combinação de valor de atributo “Anominada Peça de Texto simples” está agora a linha de base disponível

Fique organizado com coleções

Salvar e categorizar o conteúdo com base em suas preferências.

Publicado: 20 de março de 2025

Quando você deseja permitir que o usuário insira informações de texto simples, seu primeiro instinto pode ser alcançar um </code>. Isso funciona para muitos casos e não requer um esforço especial para fazê -lo funcionar com formulários, mas também tem limitações.</p> <p>Um exemplo é o crescimento do <code translate="no" dir="ltr"><textarea/></code> dinamicamente com o conteúdo sem resolver <a target="_blank" href="https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/" rel="noopener">hacks</a>. Há <a target="_blank" href="https://developer.mozilla.org/docs/Web/CSS/field-sizing#content" rel="noopener"><code translate="no" dir="ltr">field-sizing: content</code></a>mas possui suporte limitado ao navegador. É aqui que o <code translate="no" dir="ltr">contenteditable="plaintext-only"</code> A combinação de valor de atributo entra. Você pode adicioná -lo a elementos genéricos como <code translate="no" dir="ltr"></p> <div>, and have the element automatically take care of resizing.</p> <p>Another limitation is styling. The <a target="_blank" href="https://developer.mozilla.org/docs/Web/API/CSS_Custom_Highlight_API" rel="noopener">CSS Custom Highlight API</a> provides a mechanism for styling arbitrary text ranges on a document by using JavaScript to create the ranges, and CSS to style them. A <code translate="no" dir="ltr"><textarea/></code> usa internamente um <code translate="no" dir="ltr"></p> <div> in the user agent shadow root, which is why styling the text with the CSS Custom Highlight API doesn't work. If used on an element like a <code translate="no" dir="ltr"></p> <div> directly that you have made <code translate="no" dir="ltr">contenteditable</code>a API de destaque personalizada do CSS funciona muito bem.<br /> <devsite-code></p> <pre class="devsite-click-to-copy" translate="no" dir="ltr" is-upgraded="" syntax="HTML"><code translate="no" dir="ltr"> <p>Edit me</p> <script type="rocketlazyloadscript"><!(CDATA( const parentNode = document.querySelector('div').firstChild; const range = new Range(); range.setStart(parentNode, 0); range.setEnd(parentNode, 3); const highlight = new Highlight(range); CSS.highlights.set('highlight', highlight); ))></script> </code></pre> <p></devsite-code></p> <p><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Painel de elementos do Chrome Devtools inspecionando uma textarea mostrando que está usando uma div em uma raiz de sombra agente do usuário." data-lazy-srcset="https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_36.png 36w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_48.png 48w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_72.png 72w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_96.png 96w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_480.png 480w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_720.png 720w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_856.png 856w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_960.png 960w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_1440.png 1440w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_1920.png 1920w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_2880.png 2880w" data-lazy-sizes="(max-width: 840px) 100vw, 856px" title="A combinação de valor de atributo "Anominada TEXTATA" Contentável está agora recentemente disponível | Blog | web.dev 1" data-lazy-src="https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools.png"><noscript><img decoding="async" src="https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools.png" alt="Painel de elementos do Chrome Devtools inspecionando uma textarea mostrando que está usando uma div em uma raiz de sombra agente do usuário." srcset="https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_36.png 36w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_48.png 48w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_72.png 72w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_96.png 96w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_480.png 480w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_720.png 720w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_856.png 856w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_960.png 960w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_1440.png 1440w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_1920.png 1920w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/devtools_2880.png 2880w" sizes="(max-width: 840px) 100vw, 856px" title="A combinação de valor de atributo "Anominada TEXTATA" Contentável está agora recentemente disponível | Blog | web.dev 1"></noscript></p> <p>Aqui está uma captura de tela do <a target="_blank" href="https://contenteditable-textarea.glitch.me/" rel="noopener">demonstração</a> Isso mostra essa limitação. Observe como o texto no <code translate="no" dir="ltr"><textarea/></code> não é estilizado, mas o texto nos dois <code translate="no" dir="ltr">contenteditable</code> genérico <code translate="no" dir="ltr"></p> <div> elements is.</p> <p><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="A demonstração mostrando como a API de destaque personalizada do CSS funciona apenas com os elementos DIV contentáveis, mas não com a textarea." data-lazy-srcset="https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_36.png 36w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_48.png 48w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_72.png 72w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_96.png 96w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_480.png 480w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_720.png 720w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_856.png 856w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_960.png 960w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_1440.png 1440w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_1920.png 1920w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_2880.png 2880w" data-lazy-sizes="(max-width: 840px) 100vw, 856px" title="A combinação de valor de atributo "Anominada TEXTATA" Contentável está agora recentemente disponível | Blog | web.dev 2" data-lazy-src="https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo.png"><noscript><img decoding="async" src="https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo.png" alt="A demonstração mostrando como a API de destaque personalizada do CSS funciona apenas com os elementos DIV contentáveis, mas não com a textarea." srcset="https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_36.png 36w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_48.png 48w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_72.png 72w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_96.png 96w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_480.png 480w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_720.png 720w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_856.png 856w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_960.png 960w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_1440.png 1440w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_1920.png 1920w,https://web.dev/static/blog/contenteditable-plaintext-only-baseline/demo_2880.png 2880w" sizes="(max-width: 840px) 100vw, 856px" title="A combinação de valor de atributo "Anominada TEXTATA" Contentável está agora recentemente disponível | Blog | web.dev 2"></noscript></p> </div> <p> <devsite-thumb-rating position="footer"><br /> </devsite-thumb-rating></p> <p><devsite-content-footer class="nocontent"></p> <p>Except as otherwise noted, the content of this page is licensed under the <a target="_blank" href="https://creativecommons.org/licenses/by/4.0/" rel="noopener">Creative Commons Attribution 4.0 License</a>, and code samples are licensed under the <a target="_blank" href="https://www.apache.org/licenses/LICENSE-2.0" rel="noopener">Apache 2.0 License</a>. For details, see the <a target="_blank" href="https://developers.google.com/site-policies" rel="noopener">Google Developers Site Policies</a>. Java is a registered trademark of Oracle and/or its affiliates.</p> <p>Last updated 2025-03-20 UTC.</p> <p></devsite-content-footer></p> <p><devsite-notification><br /> </devsite-notification></p> <p> <template class="devsite-content-data-template"><br /> ((("Easy to understand","easyToUnderstand","thumb-up"),("Solved my problem","solvedMyProblem","thumb-up"),("Other","otherUp","thumb-up")),(("Missing the information I need","missingTheInformationINeed","thumb-down"),("Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"),("Out of date","outOfDate","thumb-down"),("Samples / code issue","samplesCodeIssue","thumb-down"),("Other","otherDown","thumb-down")),("Last updated 2025-03-20 UTC."),(),())<br /> </template></p> <p> <devsite-panel/></p> <p> <devsite-sitemask/><br /> <devsite-snackbar/><br /> <devsite-tooltip/><br /> <devsite-heading-link/><br /> <devsite-analytics></p> <p> </devsite-analytics></p> <p> <devsite-badger/></p> <p> <devsite-a11y-announce/><br /> </code></p> </div> <p></code></div> <p></code></p> </div> <p></code></p> </div> <p></p> </div> <div class="elementor-element elementor-element-778e2e47 e-con-full e-flex e-con e-child" data-id="778e2e47" data-element_type="container" data-settings="{"_ha_eqh_enable":false,"jet_parallax_layout_list":[]}"> <div class="elementor-element elementor-element-7e9826f0 e-con-full e-flex e-con e-child" data-id="7e9826f0" data-element_type="container" data-settings="{"_ha_eqh_enable":false,"jet_parallax_layout_list":[]}"> <div class="elementor-element elementor-element-3224d708 elementor-widget elementor-widget-heading" data-id="3224d708" data-element_type="widget" data-widget_type="heading.default"> <h4 class="elementor-heading-title elementor-size-default">Written by</h4> </div> <div class="elementor-element elementor-element-6144476e elementor-author-box--image-valign-middle elementor-author-box--avatar-yes elementor-author-box--name-yes elementor-author-box--biography-yes elementor-author-box--link-no elementor-widget elementor-widget-author-box" data-id="6144476e" data-element_type="widget" data-widget_type="author-box.default"> <div class="elementor-author-box"> <div class="elementor-author-box__avatar"> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Foto de admin" data-lazy-src="https://secure.gravatar.com/avatar/95f21d0ae82c523a161932f30a5b73733cd7a76685df48c99ab0f32c0c45dec4?s=300&d=mm&r=g"><noscript><img src="https://secure.gravatar.com/avatar/95f21d0ae82c523a161932f30a5b73733cd7a76685df48c99ab0f32c0c45dec4?s=300&d=mm&r=g" alt="Foto de admin" loading="lazy"></noscript> </div> <div class="elementor-author-box__text"> <div > <h4 class="elementor-author-box__name"> admin </h4> </div> <div class="elementor-author-box__bio"> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3e082d51 e-con-full e-flex e-con e-child" data-id="3e082d51" data-element_type="container" data-settings="{"_ha_eqh_enable":false,"jet_parallax_layout_list":[]}"> <div class="elementor-element elementor-element-2be55436 elementor-widget elementor-widget-heading" data-id="2be55436" data-element_type="widget" data-widget_type="heading.default"> <h4 class="elementor-heading-title elementor-size-default">Categorias</h4> </div> <div class="elementor-element elementor-element-430c89c6 elementor-widget elementor-widget-post-info" data-id="430c89c6" data-element_type="widget" data-widget_type="post-info.default"> <ul class="elementor-inline-items elementor-icon-list-items elementor-post-info"> <li class="elementor-icon-list-item elementor-repeater-item-ad054a3 elementor-inline-item" itemprop="about"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-hashtag" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M440.667 182.109l7.143-40c1.313-7.355-4.342-14.109-11.813-14.109h-74.81l14.623-81.891C377.123 38.754 371.468 32 363.997 32h-40.632a12 12 0 0 0-11.813 9.891L296.175 128H197.54l14.623-81.891C213.477 38.754 207.822 32 200.35 32h-40.632a12 12 0 0 0-11.813 9.891L132.528 128H53.432a12 12 0 0 0-11.813 9.891l-7.143 40C33.163 185.246 38.818 192 46.289 192h74.81L98.242 320H19.146a12 12 0 0 0-11.813 9.891l-7.143 40C-1.123 377.246 4.532 384 12.003 384h74.81L72.19 465.891C70.877 473.246 76.532 480 84.003 480h40.632a12 12 0 0 0 11.813-9.891L151.826 384h98.634l-14.623 81.891C234.523 473.246 240.178 480 247.65 480h40.632a12 12 0 0 0 11.813-9.891L315.472 384h79.096a12 12 0 0 0 11.813-9.891l7.143-40c1.313-7.355-4.342-14.109-11.813-14.109h-74.81l22.857-128h79.096a12 12 0 0 0 11.813-9.891zM261.889 320h-98.634l22.857-128h98.634l-22.857 128z"></path></svg> </span> <span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms"> <span class="elementor-post-info__terms-list"> <a href="https://webzoe.com.br/categorias/solucoes-web/" class="elementor-post-info__terms-list-item">Soluções Web</a> </span> </span> </li> </ul> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1afea3f2 e-flex e-con-boxed e-con e-parent" data-id="1afea3f2" data-element_type="container" data-settings="{"_ha_eqh_enable":false,"jet_parallax_layout_list":[]}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-54726da1 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid" data-id="54726da1" data-element_type="widget" data-settings="{"template_id":"4370","columns":3,"_skin":"post","columns_tablet":"2","columns_mobile":"1","edit_handle_selector":"[data-elementor-type=\"loop-item\"]","row_gap":{"unit":"px","size":"","sizes":[]},"row_gap_laptop":{"unit":"px","size":"","sizes":[]},"row_gap_tablet":{"unit":"px","size":"","sizes":[]},"row_gap_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="loop-grid.post"> <div class="elementor-widget-container"> <div class="elementor-loop-container elementor-grid" role="list"> <style id="loop-4370">.elementor-4370 .elementor-element.elementor-element-7fad55a0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--background-transition:0.3s;--overlay-opacity:0.25;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-672356a );--border-color:var( --e-global-color-672356a );--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4370 .elementor-element.elementor-element-7fad55a0:not(.elementor-motion-effects-element-type-background), .elementor-4370 .elementor-element.elementor-element-7fad55a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-495d27d );}.elementor-4370 .elementor-element.elementor-element-7fad55a0:hover{background-color:var( --e-global-color-4ac277f );--overlay-opacity:0.25;border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-beb0691 );--border-color:var( --e-global-color-beb0691 );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-4370 .elementor-element.elementor-element-7fad55a0::before, .elementor-4370 .elementor-element.elementor-element-7fad55a0 > .elementor-background-video-container::before, .elementor-4370 .elementor-element.elementor-element-7fad55a0 > .e-con-inner > .elementor-background-video-container::before, .elementor-4370 .elementor-element.elementor-element-7fad55a0 > .elementor-background-slideshow::before, .elementor-4370 .elementor-element.elementor-element-7fad55a0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4370 .elementor-element.elementor-element-7fad55a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, var( --e-global-color-primary ) 9%, #F2295B00 1%);}.elementor-4370 .elementor-element.elementor-element-7fad55a0:hover::before, .elementor-4370 .elementor-element.elementor-element-7fad55a0:hover > .elementor-background-video-container::before, .elementor-4370 .elementor-element.elementor-element-7fad55a0:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-4370 .elementor-element.elementor-element-7fad55a0 > .elementor-background-slideshow:hover::before, .elementor-4370 .elementor-element.elementor-element-7fad55a0 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, var( --e-global-color-beb0691 ) 9%, #F2295B00 1%);}.elementor-4370 .elementor-element.elementor-element-7fad55a0, .elementor-4370 .elementor-element.elementor-element-7fad55a0::before{--border-transition:0.3s;}.elementor-4370 .elementor-element.elementor-element-8234ea6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4370 .elementor-element.elementor-element-31d5aa96 .elementor-repeater-item-d6856d8{left:7%;--hotspot-translate-x:7%;top:10%;--hotspot-translate-y:10%;}.elementor-4370 .elementor-element.elementor-element-31d5aa96 .e-hotspot--tooltip-position{right:initial;bottom:initial;left:initial;top:calc(100% + 5px );}.elementor-4370 .elementor-element.elementor-element-31d5aa96 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4370 .elementor-element.elementor-element-31d5aa96{--container-width:100%;--image-width:100%;--hotspot-color:var( --e-global-color-primary );--hotspot-size:0px;--hotspot-min-width:120px;--hotspot-min-height:0px;--hotspot-box-color:var( --e-global-color-4a5499b );--hotspot-padding:6px;--hotspot-border-radius:15px 15px 15px 15px;--tooltip-min-width:0px;}.elementor-4370 .elementor-element.elementor-element-31d5aa96 img{border-radius:12px 12px 0px 0px;}.elementor-4370 .elementor-element.elementor-element-31d5aa96 .e-hotspot__label{font-family:var( --e-global-typography-d848767-font-family ), Sans-serif;font-size:var( --e-global-typography-d848767-font-size );font-weight:var( --e-global-typography-d848767-font-weight );text-transform:var( --e-global-typography-d848767-text-transform );line-height:var( --e-global-typography-d848767-line-height );letter-spacing:var( --e-global-typography-d848767-letter-spacing );}.elementor-4370 .elementor-element.elementor-element-c946f91{--display:flex;--justify-content:center;}.elementor-4370 .elementor-element.elementor-element-6957df80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-4370 .elementor-element.elementor-element-6957df80 .elementor-heading-title{font-family:var( --e-global-typography-db1e030-font-family ), Sans-serif;font-size:var( --e-global-typography-db1e030-font-size );font-weight:var( --e-global-typography-db1e030-font-weight );text-transform:var( --e-global-typography-db1e030-text-transform );line-height:var( --e-global-typography-db1e030-line-height );letter-spacing:var( --e-global-typography-db1e030-letter-spacing );word-spacing:var( --e-global-typography-db1e030-word-spacing );color:var( --e-global-color-primary );}.elementor-4370 .elementor-element.elementor-element-7c694ef{--display:flex;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-4370 .elementor-element.elementor-element-247a9a80{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4370 .elementor-element.elementor-element-247a9a80.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(28px/2);}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(28px/2);}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(28px/2);margin-left:calc(28px/2);}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-28px/2);margin-left:calc(-28px/2);}body.rtl .elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-28px/2);}body:not(.rtl) .elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-28px/2);}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-icon i{color:var( --e-global-color-text );font-size:9px;}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-icon svg{fill:var( --e-global-color-text );--e-icon-list-icon-size:9px;}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-icon{width:9px;}body:not(.rtl) .elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-text{padding-left:8px;}body.rtl .elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-text{padding-right:8px;}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-text, .elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-text a{color:var( --e-global-color-text );}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-item{font-family:var( --e-global-typography-d848767-font-family ), Sans-serif;font-size:var( --e-global-typography-d848767-font-size );font-weight:var( --e-global-typography-d848767-font-weight );text-transform:var( --e-global-typography-d848767-text-transform );line-height:var( --e-global-typography-d848767-line-height );letter-spacing:var( --e-global-typography-d848767-letter-spacing );}@media(min-width:768px){.elementor-4370 .elementor-element.elementor-element-7fad55a0{--width:100%;}}@media(max-width:1366px){.elementor-4370 .elementor-element.elementor-element-31d5aa96 .e-hotspot__label{font-size:var( --e-global-typography-d848767-font-size );line-height:var( --e-global-typography-d848767-line-height );letter-spacing:var( --e-global-typography-d848767-letter-spacing );}.elementor-4370 .elementor-element.elementor-element-31d5aa96{--hotspot-min-width:70px;}.elementor-4370 .elementor-element.elementor-element-6957df80 .elementor-heading-title{font-size:var( --e-global-typography-db1e030-font-size );line-height:var( --e-global-typography-db1e030-line-height );letter-spacing:var( --e-global-typography-db1e030-letter-spacing );word-spacing:var( --e-global-typography-db1e030-word-spacing );}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-item{font-size:var( --e-global-typography-d848767-font-size );line-height:var( --e-global-typography-d848767-line-height );letter-spacing:var( --e-global-typography-d848767-letter-spacing );}}@media(max-width:1024px){.elementor-4370 .elementor-element.elementor-element-31d5aa96 .e-hotspot__label{font-size:var( --e-global-typography-d848767-font-size );line-height:var( --e-global-typography-d848767-line-height );letter-spacing:var( --e-global-typography-d848767-letter-spacing );}.elementor-4370 .elementor-element.elementor-element-6957df80 .elementor-heading-title{font-size:var( --e-global-typography-db1e030-font-size );line-height:var( --e-global-typography-db1e030-line-height );letter-spacing:var( --e-global-typography-db1e030-letter-spacing );word-spacing:var( --e-global-typography-db1e030-word-spacing );}.elementor-4370 .elementor-element.elementor-element-247a9a80{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + -11px) 20px;}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-item{font-size:var( --e-global-typography-d848767-font-size );line-height:var( --e-global-typography-d848767-line-height );letter-spacing:var( --e-global-typography-d848767-letter-spacing );}}@media(max-width:767px){.elementor-4370 .elementor-element.elementor-element-7fad55a0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4370 .elementor-element.elementor-element-31d5aa96 .e-hotspot__label{font-size:var( --e-global-typography-d848767-font-size );line-height:var( --e-global-typography-d848767-line-height );letter-spacing:var( --e-global-typography-d848767-letter-spacing );}.elementor-4370 .elementor-element.elementor-element-6957df80 .elementor-heading-title{font-size:var( --e-global-typography-db1e030-font-size );line-height:var( --e-global-typography-db1e030-line-height );letter-spacing:var( --e-global-typography-db1e030-letter-spacing );word-spacing:var( --e-global-typography-db1e030-word-spacing );}.elementor-4370 .elementor-element.elementor-element-247a9a80{width:var( --container-widget-width, 254.8px );max-width:254.8px;--container-widget-width:254.8px;--container-widget-flex-grow:0;}.elementor-4370 .elementor-element.elementor-element-247a9a80 .elementor-icon-list-item{font-size:var( --e-global-typography-d848767-font-size );line-height:var( --e-global-typography-d848767-line-height );letter-spacing:var( --e-global-typography-d848767-letter-spacing );}}</style> <div data-elementor-type="loop-item" data-elementor-id="4370" class="elementor elementor-4370 e-loop-item e-loop-item-7720 post-7720 post type-post status-publish format-standard has-post-thumbnail hentry category-solucoes-de-design" data-elementor-settings="{"ha_cmc_init_switcher":"no"}" data-elementor-post-type="elementor_library" data-custom-edit-handle="1"> <div class="elementor-section-wrap"> <div class="elementor-element elementor-element-7fad55a0 e-con-full e-flex e-con e-parent" data-id="7fad55a0" data-element_type="container" data-settings="{"background_background":"classic","jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="elementor-element elementor-element-8234ea6 e-flex e-con-boxed e-con e-child" data-id="8234ea6" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="e-con-inner"> <div data-ha-element-link="{"url":"https:\/\/webzoe.com.br\/melhores-temas-wordpress-de-2026-para-construir-um-site\/","is_external":"","nofollow":""}" style="cursor: pointer" class="elementor-element elementor-element-31d5aa96 elementor-widget elementor-widget-hotspot" data-id="31d5aa96" data-element_type="widget" data-settings="{"hotspot":[{"_id":"d6856d8","hotspot_label":"<a href=\"https:\/\/webzoe.com.br\/categorias\/solucoes-de-design\/\" rel=\"tag\">Solu\u00e7\u00f5es de Design<\/a>","hotspot_tooltip_content":"","hotspot_offset_x":{"unit":"%","size":7,"sizes":[]},"hotspot_offset_y":{"unit":"%","size":10,"sizes":[]},"hotspot_icon_spacing":null,"__dynamic__":{"hotspot_label":"[elementor-tag id=\"6f322de\" name=\"post-terms\" settings=\"%7B%22separator%22%3A%22%2C%20%22%2C%22taxonomy%22%3A%22category%22%7D\"]"},"hotspot_link":{"url":"","is_external":"","nofollow":"","custom_attributes":""},"hotspot_icon":{"value":"","library":""},"hotspot_custom_size":"no","hotspot_horizontal":"left","hotspot_vertical":"top","hotspot_tooltip_position":"no","hotspot_position":null,"hotspot_position_laptop":null,"hotspot_position_tablet":null,"hotspot_position_mobile":null,"hotspot_icon_position":null,"hotspot_width":null,"hotspot_height":null,"hotspot_offset_x_laptop":{"unit":"px","size":"","sizes":[]},"hotspot_offset_x_tablet":{"unit":"px","size":"","sizes":[]},"hotspot_offset_x_mobile":{"unit":"px","size":"","sizes":[]},"hotspot_offset_y_laptop":{"unit":"px","size":"","sizes":[]},"hotspot_offset_y_tablet":{"unit":"px","size":"","sizes":[]},"hotspot_offset_y_mobile":{"unit":"px","size":"","sizes":[]},"hotspot_tooltip_width":null,"hotspot_tooltip_width_laptop":null,"hotspot_tooltip_width_tablet":null,"hotspot_tooltip_width_mobile":null,"hotspot_tooltip_text_wrap":null}],"tooltip_position":"top","tooltip_trigger":"click","tooltip_animation":"e-hotspot--fade-in-out"}" data-widget_type="hotspot.default"> <div class="elementor-widget-container"> <img width="870" height="580" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20870%20580'%3E%3C/svg%3E" class="attachment-full size-full wp-image-7721" alt="Top WordPress Themes for 2026 – Build a Modern Website" data-lazy-srcset="https://webzoe.com.br/wp-content/uploads/2026/01/Melhores-temas-WordPress-de-2026-para-construir-um-site.jpg 870w, https://webzoe.com.br/wp-content/uploads/2026/01/Melhores-temas-WordPress-de-2026-para-construir-um-site-300x200.jpg 300w, https://webzoe.com.br/wp-content/uploads/2026/01/Melhores-temas-WordPress-de-2026-para-construir-um-site-768x512.jpg 768w" data-lazy-sizes="(max-width: 870px) 100vw, 870px" data-lazy-src="https://webzoe.com.br/wp-content/uploads/2026/01/Melhores-temas-WordPress-de-2026-para-construir-um-site.jpg" /><noscript><img width="870" height="580" src="https://webzoe.com.br/wp-content/uploads/2026/01/Melhores-temas-WordPress-de-2026-para-construir-um-site.jpg" class="attachment-full size-full wp-image-7721" alt="Top WordPress Themes for 2026 – Build a Modern Website" srcset="https://webzoe.com.br/wp-content/uploads/2026/01/Melhores-temas-WordPress-de-2026-para-construir-um-site.jpg 870w, https://webzoe.com.br/wp-content/uploads/2026/01/Melhores-temas-WordPress-de-2026-para-construir-um-site-300x200.jpg 300w, https://webzoe.com.br/wp-content/uploads/2026/01/Melhores-temas-WordPress-de-2026-para-construir-um-site-768x512.jpg 768w" sizes="(max-width: 870px) 100vw, 870px" /></noscript> <div class="e-hotspot elementor-repeater-item-d6856d8 e-hotspot--position-left e-hotspot--position-top "> <div class="e-hotspot__button "> <div class="e-hotspot__label"><a href="https://webzoe.com.br/categorias/solucoes-de-design/" rel="tag">Soluções de Design</a></div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-c946f91 e-flex e-con-boxed e-con e-child" data-id="c946f91" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-6957df80 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-id="6957df80" data-element_type="widget" data-widget_type="theme-post-title.default"> <h2 class="elementor-heading-title elementor-size-default"><a href="https://webzoe.com.br/melhores-temas-wordpress-de-2026-para-construir-um-site/">Melhores temas WordPress de 2026 para construir um site</a></h2> </div> </div> </div> <div class="elementor-element elementor-element-7c694ef e-flex e-con-boxed e-con e-child" data-id="7c694ef" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-247a9a80 elementor-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-post-info" data-id="247a9a80" data-element_type="widget" data-widget_type="post-info.default"> <ul class="elementor-inline-items elementor-icon-list-items elementor-post-info"> <li class="elementor-icon-list-item elementor-repeater-item-4313a98 elementor-inline-item" itemprop="datePublished"> <a href="https://webzoe.com.br/2026/01/11/"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date"> <time>11 janeiro, 2026</time> </span> </a> </li> <li class="elementor-icon-list-item elementor-repeater-item-e0d7a23 elementor-inline-item" itemprop="author"> <a href="https://webzoe.com.br/author/adm_97elqp05/"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author"> admin </span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div data-elementor-type="loop-item" data-elementor-id="4370" class="elementor elementor-4370 e-loop-item e-loop-item-7717 post-7717 post type-post status-publish format-standard has-post-thumbnail hentry category-solucoes-de-marketing" data-elementor-settings="{"ha_cmc_init_switcher":"no"}" data-elementor-post-type="elementor_library" data-custom-edit-handle="1"> <div class="elementor-section-wrap"> <div class="elementor-element elementor-element-7fad55a0 e-con-full e-flex e-con e-parent" data-id="7fad55a0" data-element_type="container" data-settings="{"background_background":"classic","jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="elementor-element elementor-element-8234ea6 e-flex e-con-boxed e-con e-child" data-id="8234ea6" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="e-con-inner"> <div data-ha-element-link="{"url":"https:\/\/webzoe.com.br\/100-perguntas-mais-frequentes-no-google-janeiro-de-2026\/","is_external":"","nofollow":""}" style="cursor: pointer" class="elementor-element elementor-element-31d5aa96 elementor-widget elementor-widget-hotspot" data-id="31d5aa96" data-element_type="widget" data-settings="{"hotspot":[{"_id":"d6856d8","hotspot_label":"<a href=\"https:\/\/webzoe.com.br\/categorias\/solucoes-de-marketing\/\" rel=\"tag\">Solu\u00e7\u00f5es de Marketing<\/a>","hotspot_tooltip_content":"","hotspot_offset_x":{"unit":"%","size":7,"sizes":[]},"hotspot_offset_y":{"unit":"%","size":10,"sizes":[]},"hotspot_icon_spacing":null,"__dynamic__":{"hotspot_label":"[elementor-tag id=\"6f322de\" name=\"post-terms\" settings=\"%7B%22separator%22%3A%22%2C%20%22%2C%22taxonomy%22%3A%22category%22%7D\"]"},"hotspot_link":{"url":"","is_external":"","nofollow":"","custom_attributes":""},"hotspot_icon":{"value":"","library":""},"hotspot_custom_size":"no","hotspot_horizontal":"left","hotspot_vertical":"top","hotspot_tooltip_position":"no","hotspot_position":null,"hotspot_position_laptop":null,"hotspot_position_tablet":null,"hotspot_position_mobile":null,"hotspot_icon_position":null,"hotspot_width":null,"hotspot_height":null,"hotspot_offset_x_laptop":{"unit":"px","size":"","sizes":[]},"hotspot_offset_x_tablet":{"unit":"px","size":"","sizes":[]},"hotspot_offset_x_mobile":{"unit":"px","size":"","sizes":[]},"hotspot_offset_y_laptop":{"unit":"px","size":"","sizes":[]},"hotspot_offset_y_tablet":{"unit":"px","size":"","sizes":[]},"hotspot_offset_y_mobile":{"unit":"px","size":"","sizes":[]},"hotspot_tooltip_width":null,"hotspot_tooltip_width_laptop":null,"hotspot_tooltip_width_tablet":null,"hotspot_tooltip_width_mobile":null,"hotspot_tooltip_text_wrap":null}],"tooltip_position":"top","tooltip_trigger":"click","tooltip_animation":"e-hotspot--fade-in-out"}" data-widget_type="hotspot.default"> <div class="elementor-widget-container"> <img width="1200" height="630" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20630'%3E%3C/svg%3E" class="attachment-full size-full wp-image-7718" alt="100 perguntas mais frequentes no Google (janeiro de 2026)" data-lazy-srcset="https://webzoe.com.br/wp-content/uploads/2026/01/100-perguntas-mais-frequentes-no-Google-janeiro-de-2026.jpg 1200w, https://webzoe.com.br/wp-content/uploads/2026/01/100-perguntas-mais-frequentes-no-Google-janeiro-de-2026-300x158.jpg 300w, https://webzoe.com.br/wp-content/uploads/2026/01/100-perguntas-mais-frequentes-no-Google-janeiro-de-2026-1024x538.jpg 1024w, https://webzoe.com.br/wp-content/uploads/2026/01/100-perguntas-mais-frequentes-no-Google-janeiro-de-2026-768x403.jpg 768w" data-lazy-sizes="(max-width: 1200px) 100vw, 1200px" data-lazy-src="https://webzoe.com.br/wp-content/uploads/2026/01/100-perguntas-mais-frequentes-no-Google-janeiro-de-2026.jpg" /><noscript><img loading="lazy" width="1200" height="630" src="https://webzoe.com.br/wp-content/uploads/2026/01/100-perguntas-mais-frequentes-no-Google-janeiro-de-2026.jpg" class="attachment-full size-full wp-image-7718" alt="100 perguntas mais frequentes no Google (janeiro de 2026)" srcset="https://webzoe.com.br/wp-content/uploads/2026/01/100-perguntas-mais-frequentes-no-Google-janeiro-de-2026.jpg 1200w, https://webzoe.com.br/wp-content/uploads/2026/01/100-perguntas-mais-frequentes-no-Google-janeiro-de-2026-300x158.jpg 300w, https://webzoe.com.br/wp-content/uploads/2026/01/100-perguntas-mais-frequentes-no-Google-janeiro-de-2026-1024x538.jpg 1024w, https://webzoe.com.br/wp-content/uploads/2026/01/100-perguntas-mais-frequentes-no-Google-janeiro-de-2026-768x403.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></noscript> <div class="e-hotspot elementor-repeater-item-d6856d8 e-hotspot--position-left e-hotspot--position-top "> <div class="e-hotspot__button "> <div class="e-hotspot__label"><a href="https://webzoe.com.br/categorias/solucoes-de-marketing/" rel="tag">Soluções de Marketing</a></div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-c946f91 e-flex e-con-boxed e-con e-child" data-id="c946f91" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-6957df80 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-id="6957df80" data-element_type="widget" data-widget_type="theme-post-title.default"> <h2 class="elementor-heading-title elementor-size-default"><a href="https://webzoe.com.br/100-perguntas-mais-frequentes-no-google-janeiro-de-2026/">100 perguntas mais frequentes no Google (janeiro de 2026)</a></h2> </div> </div> </div> <div class="elementor-element elementor-element-7c694ef e-flex e-con-boxed e-con e-child" data-id="7c694ef" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-247a9a80 elementor-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-post-info" data-id="247a9a80" data-element_type="widget" data-widget_type="post-info.default"> <ul class="elementor-inline-items elementor-icon-list-items elementor-post-info"> <li class="elementor-icon-list-item elementor-repeater-item-4313a98 elementor-inline-item" itemprop="datePublished"> <a href="https://webzoe.com.br/2026/01/11/"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date"> <time>11 janeiro, 2026</time> </span> </a> </li> <li class="elementor-icon-list-item elementor-repeater-item-e0d7a23 elementor-inline-item" itemprop="author"> <a href="https://webzoe.com.br/author/adm_97elqp05/"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author"> admin </span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div data-elementor-type="loop-item" data-elementor-id="4370" class="elementor elementor-4370 e-loop-item e-loop-item-7714 post-7714 post type-post status-publish format-standard has-post-thumbnail hentry category-solucoes-web" data-elementor-settings="{"ha_cmc_init_switcher":"no"}" data-elementor-post-type="elementor_library" data-custom-edit-handle="1"> <div class="elementor-section-wrap"> <div class="elementor-element elementor-element-7fad55a0 e-con-full e-flex e-con e-parent" data-id="7fad55a0" data-element_type="container" data-settings="{"background_background":"classic","jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="elementor-element elementor-element-8234ea6 e-flex e-con-boxed e-con e-child" data-id="8234ea6" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="e-con-inner"> <div data-ha-element-link="{"url":"https:\/\/webzoe.com.br\/os-vencedores-do-baseline-tooling-hackathon-sao-blogue-web-dev\/","is_external":"","nofollow":""}" style="cursor: pointer" class="elementor-element elementor-element-31d5aa96 elementor-widget elementor-widget-hotspot" data-id="31d5aa96" data-element_type="widget" data-settings="{"hotspot":[{"_id":"d6856d8","hotspot_label":"<a href=\"https:\/\/webzoe.com.br\/categorias\/solucoes-web\/\" rel=\"tag\">Solu\u00e7\u00f5es Web<\/a>","hotspot_tooltip_content":"","hotspot_offset_x":{"unit":"%","size":7,"sizes":[]},"hotspot_offset_y":{"unit":"%","size":10,"sizes":[]},"hotspot_icon_spacing":null,"__dynamic__":{"hotspot_label":"[elementor-tag id=\"6f322de\" name=\"post-terms\" settings=\"%7B%22separator%22%3A%22%2C%20%22%2C%22taxonomy%22%3A%22category%22%7D\"]"},"hotspot_link":{"url":"","is_external":"","nofollow":"","custom_attributes":""},"hotspot_icon":{"value":"","library":""},"hotspot_custom_size":"no","hotspot_horizontal":"left","hotspot_vertical":"top","hotspot_tooltip_position":"no","hotspot_position":null,"hotspot_position_laptop":null,"hotspot_position_tablet":null,"hotspot_position_mobile":null,"hotspot_icon_position":null,"hotspot_width":null,"hotspot_height":null,"hotspot_offset_x_laptop":{"unit":"px","size":"","sizes":[]},"hotspot_offset_x_tablet":{"unit":"px","size":"","sizes":[]},"hotspot_offset_x_mobile":{"unit":"px","size":"","sizes":[]},"hotspot_offset_y_laptop":{"unit":"px","size":"","sizes":[]},"hotspot_offset_y_tablet":{"unit":"px","size":"","sizes":[]},"hotspot_offset_y_mobile":{"unit":"px","size":"","sizes":[]},"hotspot_tooltip_width":null,"hotspot_tooltip_width_laptop":null,"hotspot_tooltip_width_tablet":null,"hotspot_tooltip_width_mobile":null,"hotspot_tooltip_text_wrap":null}],"tooltip_position":"top","tooltip_trigger":"click","tooltip_animation":"e-hotspot--fade-in-out"}" data-widget_type="hotspot.default"> <div class="elementor-widget-container"> <img width="1920" height="1080" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201080'%3E%3C/svg%3E" class="attachment-full size-full wp-image-7715" alt="Os vencedores do Baseline Tooling Hackathon são... | Blogue | web.dev" data-lazy-srcset="https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue.png 1920w, https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue-300x169.png 300w, https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue-1024x576.png 1024w, https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue-768x432.png 768w, https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue-1536x864.png 1536w" data-lazy-sizes="(max-width: 1920px) 100vw, 1920px" data-lazy-src="https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue.png" /><noscript><img loading="lazy" width="1920" height="1080" src="https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue.png" class="attachment-full size-full wp-image-7715" alt="Os vencedores do Baseline Tooling Hackathon são... | Blogue | web.dev" srcset="https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue.png 1920w, https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue-300x169.png 300w, https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue-1024x576.png 1024w, https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue-768x432.png 768w, https://webzoe.com.br/wp-content/uploads/2026/01/Os-vencedores-do-Baseline-Tooling-Hackathon-sao-Blogue-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></noscript> <div class="e-hotspot elementor-repeater-item-d6856d8 e-hotspot--position-left e-hotspot--position-top "> <div class="e-hotspot__button "> <div class="e-hotspot__label"><a href="https://webzoe.com.br/categorias/solucoes-web/" rel="tag">Soluções Web</a></div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-c946f91 e-flex e-con-boxed e-con e-child" data-id="c946f91" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-6957df80 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-id="6957df80" data-element_type="widget" data-widget_type="theme-post-title.default"> <h2 class="elementor-heading-title elementor-size-default"><a href="https://webzoe.com.br/os-vencedores-do-baseline-tooling-hackathon-sao-blogue-web-dev/">Os vencedores do Baseline Tooling Hackathon são… | Blogue | web.dev</a></h2> </div> </div> </div> <div class="elementor-element elementor-element-7c694ef e-flex e-con-boxed e-con e-child" data-id="7c694ef" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-247a9a80 elementor-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-post-info" data-id="247a9a80" data-element_type="widget" data-widget_type="post-info.default"> <ul class="elementor-inline-items elementor-icon-list-items elementor-post-info"> <li class="elementor-icon-list-item elementor-repeater-item-4313a98 elementor-inline-item" itemprop="datePublished"> <a href="https://webzoe.com.br/2026/01/11/"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date"> <time>11 janeiro, 2026</time> </span> </a> </li> <li class="elementor-icon-list-item elementor-repeater-item-e0d7a23 elementor-inline-item" itemprop="author"> <a href="https://webzoe.com.br/author/adm_97elqp05/"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span> <span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author"> admin </span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-elementor-type="footer" data-elementor-id="19" class="elementor elementor-19 elementor-location-footer" data-elementor-settings="{"ha_cmc_init_switcher":"no"}" data-elementor-post-type="elementor_library"> <div class="elementor-section-wrap"> <div class="elementor-element elementor-element-46f32d69 e-flex e-con-boxed e-con e-parent" data-id="46f32d69" data-element_type="container" data-settings="{"background_background":"classic","jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-662333cc e-con-full e-flex e-con e-child" data-id="662333cc" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> </div> <div class="elementor-element elementor-element-5891a44d e-con-full e-flex e-con e-child" data-id="5891a44d" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="elementor-element elementor-element-128400ca e-con-full e-flex e-con e-child" data-id="128400ca" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="elementor-element elementor-element-2ec1f228 ha-has-bg-overlay elementor-widget elementor-widget-heading" data-id="2ec1f228" data-element_type="widget" data-widget_type="heading.default"> <h4 class="elementor-heading-title elementor-size-default">Conecte-se conosco</h4> </div> <div class="elementor-element elementor-element-871f49e elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="871f49e" data-element_type="widget" data-widget_type="icon-list.default"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text"><font size="5">📧</font>    falecom@webzoe.company</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text"><font size="5">💬</font>    (11) 95186-5856</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-35ca4b31 e-con-full e-flex e-con e-child" data-id="35ca4b31" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="elementor-element elementor-element-23e56e84 ha-has-bg-overlay elementor-widget elementor-widget-heading" data-id="23e56e84" data-element_type="widget" data-widget_type="heading.default"> <h4 class="elementor-heading-title elementor-size-default">Localização</h4> </div> <div class="elementor-element elementor-element-238ea09c elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="238ea09c" data-element_type="widget" data-widget_type="icon-list.default"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text"><font size="5">🌍</font>    Guarulhos/SP</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text"><font size="5">🕒</font>    Segunda → Sexta 9h às 17h</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-455d3cb4 e-con-full e-flex e-con e-child" data-id="455d3cb4" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="elementor-element elementor-element-ebc0cb3 ha-has-bg-overlay elementor-widget elementor-widget-heading" data-id="ebc0cb3" data-element_type="widget" data-widget_type="heading.default"> <h4 class="elementor-heading-title elementor-size-default">Newsletter</h4> </div> <div class="elementor-element elementor-element-312ac628 elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="312ac628" data-element_type="widget" data-settings="{"step_next_label":"Next","step_previous_label":"Previous","button_width":"20","button_width_mobile":"20","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default"> <form class="elementor-form" method="post" name="New Form" aria-label="New Form"> <input type="hidden" name="post_id" value="19"/> <input type="hidden" name="form_id" value="312ac628"/> <input type="hidden" name="referer_title" value="A combinação de valor de atributo "Anominada TEXTATA" Contentável está agora recentemente disponível | Blog | web.dev - Webzoe Company" /> <input type="hidden" name="queried_id" value="6145"/> <div class="elementor-form-fields-wrapper elementor-labels-above"> <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-80 elementor-sm-80 elementor-field-required"> <input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Seu melhor e-mail" required="required"> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-20 e-form__buttons elementor-sm-20"> <button class="elementor-button elementor-size-sm" type="submit"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <i aria-hidden="true" class="icon icon-right-arrow"></i> <span class="elementor-screen-only">Enviar</span> </span> </span> </button> </div> </div> </form> </div> </div> <div class="elementor-element elementor-element-cc000c2 e-con-full e-flex e-con e-child" data-id="cc000c2" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="elementor-element elementor-element-44c13a09 ha-has-bg-overlay elementor-widget elementor-widget-heading" data-id="44c13a09" data-element_type="widget" data-widget_type="heading.default"> <h4 class="elementor-heading-title elementor-size-default">Siga-nos</h4> </div> <div class="elementor-element elementor-element-4f4d8479 e-grid e-con-full e-con e-child" data-id="4f4d8479" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> </div> </div> </div> <div class="elementor-element elementor-element-257bcea0 e-con-full e-flex e-con e-child" data-id="257bcea0" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="elementor-element elementor-element-7264bbd e-con-full e-flex e-con e-child" data-id="7264bbd" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="elementor-element elementor-element-379e05d elementor-widget-laptop__width-initial elementor-widget elementor-widget-image" data-id="379e05d" data-element_type="widget" data-widget_type="image.default"> <img width="170" height="60" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20170%2060'%3E%3C/svg%3E" title="logo-webzoe-horizontal-light1" alt="logo-webzoe-horizontal-light1" data-lazy-src="https://webzoe.com.br/wp-content/uploads/elementor/thumbs/logo-webzoe-horizontal-light1-qri9e4ai01mdxxtzq59pf8umit3yp34oyvc9j2cni8.webp" /><noscript><img width="170" height="60" src="https://webzoe.com.br/wp-content/uploads/elementor/thumbs/logo-webzoe-horizontal-light1-qri9e4ai01mdxxtzq59pf8umit3yp34oyvc9j2cni8.webp" title="logo-webzoe-horizontal-light1" alt="logo-webzoe-horizontal-light1" loading="lazy" /></noscript> </div> </div> <div class="elementor-element elementor-element-b8f343f e-flex e-con-boxed e-con e-child" data-id="b8f343f" data-element_type="container" data-settings="{"jet_parallax_layout_list":[],"_ha_eqh_enable":false}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-931e6fb elementor-widget elementor-widget-heading" data-id="931e6fb" data-element_type="widget" data-widget_type="heading.default"> <h3 class="elementor-heading-title elementor-size-default">Copyright © 2024 | Powered by <a href="https://webzoe.com.br" target="_blank" rel="noopener">Webzoe Company®</a></h3> </div> </div> </div> </div> </div> </div> </div> </div> <script type="rocketlazyloadscript" data-rocket-type='text/javascript'> /* <![CDATA[ */ var hasJetBlogPlaylist = 0; /* ]]> */ </script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type="text/x-template" id="mobile-menu-item-template"><li :id="'jet-mobile-menu-item-'+itemDataObject.itemId" :class="itemClasses" > <div class="jet-mobile-menu__item-inner" tabindex="0" :aria-label="itemDataObject.name" aria-expanded="false" v-on:click="itemSubHandler" v-on:keyup.enter="itemSubHandler" > <a :class="itemLinkClasses" :href="itemDataObject.url" :rel="itemDataObject.xfn" :title="itemDataObject.attrTitle" :target="itemDataObject.target" > <div class="jet-menu-item-wrapper"> <div class="jet-menu-icon" v-if="isIconVisible" v-html="itemIconHtml" ></div> <div class="jet-menu-name"> <span class="jet-menu-label" v-if="isLabelVisible" v-html="itemDataObject.name" ></span> <small class="jet-menu-desc" v-if="isDescVisible" v-html="itemDataObject.description" ></small> </div> <div class="jet-menu-badge" v-if="isBadgeVisible" > <div class="jet-menu-badge__inner" v-html="itemDataObject.badgeContent"></div> </div> </div> </a> <span class="jet-dropdown-arrow" v-if="isSub && !templateLoadStatus" v-html="dropdownIconHtml" v-on:click="markerSubHandler" > </span> <div class="jet-mobile-menu__template-loader" v-if="templateLoadStatus" > <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="24px" height="25px" viewBox="0 0 128 128" xml:space="preserve"> <g> <linearGradient :id="'linear-gradient-'+itemDataObject.itemId"> <stop offset="0%" :stop-color="loaderColor" stop-opacity="0"/> <stop offset="100%" :stop-color="loaderColor" stop-opacity="1"/> </linearGradient> <path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" :fill="'url(#linear-gradient-'+itemDataObject.itemId+')'" fill-rule="evenodd"/> <animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform> </g> </svg> </div> </div> <transition name="menu-container-expand-animation"> <mobile-menu-list v-if="isDropdownLayout && subDropdownVisible" :depth="depth+1" :children-object="itemDataObject.children" ></mobile-menu-list> </transition> </li> </script> <script type="text/x-template" id="mobile-menu-list-template"><div class="jet-mobile-menu__list" role="navigation" > <ul class="jet-mobile-menu__items"> <mobile-menu-item v-for="(item, index) in childrenObject" :key="item.id" :item-data-object="item" :depth="depth" ></mobile-menu-item> </ul> </div> </script> <script type="text/x-template" id="mobile-menu-template"><div :class="instanceClass" v-on:keyup.esc="escapeKeyHandler" > <div class="jet-mobile-menu__toggle" role="button" ref="toggle" tabindex="0" aria-label="Open/Close Menu" aria-expanded="false" v-on:click="menuToggle" v-on:keyup.enter="menuToggle" > <div class="jet-mobile-menu__template-loader" v-if="toggleLoaderVisible" > <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="24px" height="25px" viewBox="0 0 128 128" xml:space="preserve"> <g> <linearGradient :id="'linear-gradient-'+itemDataObject.itemId"> <stop offset="0%" :stop-color="loaderColor" stop-opacity="0"/> <stop offset="100%" :stop-color="loaderColor" stop-opacity="1"/> </linearGradient> <path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" :fill="'url(#linear-gradient-'+itemDataObject.itemId+')'" fill-rule="evenodd"/> <animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1080ms" repeatCount="indefinite"></animateTransform> </g> </svg> </div> <div class="jet-mobile-menu__toggle-icon" v-if="!menuOpen && !toggleLoaderVisible" v-html="toggleClosedIcon" ></div> <div class="jet-mobile-menu__toggle-icon" v-if="menuOpen && !toggleLoaderVisible" v-html="toggleOpenedIcon" ></div> <span class="jet-mobile-menu__toggle-text" v-if="toggleText" v-html="toggleText" ></span> </div> <transition name="cover-animation"> <div class="jet-mobile-menu-cover" v-if="menuContainerVisible && coverVisible" v-on:click="closeMenu" ></div> </transition> <transition :name="showAnimation"> <div class="jet-mobile-menu__container" v-if="menuContainerVisible" > <div class="jet-mobile-menu__container-inner" > <div class="jet-mobile-menu__header-template" v-if="headerTemplateVisible" > <div class="jet-mobile-menu__header-template-content" ref="header-template-content" v-html="headerContent" ></div> </div> <div class="jet-mobile-menu__controls" v-if="isBreadcrumbs || isBack || isClose" > <div class="jet-mobile-menu__breadcrumbs" v-if="isBreadcrumbs" > <div class="jet-mobile-menu__breadcrumb" v-for="(item, index) in breadcrumbsPathData" :key="index" > <div class="breadcrumb-label" v-on:click="breadcrumbHandle(index+1)" v-html="item" ></div> <div class="breadcrumb-divider" v-html="breadcrumbIcon" v-if="(breadcrumbIcon && index !== breadcrumbsPathData.length-1)" ></div> </div> </div> <div class="jet-mobile-menu__back" role="button" ref="back" tabindex="0" aria-label="Close Menu" aria-expanded="false" v-if="!isBack && isClose" v-html="closeIcon" v-on:click="menuToggle" v-on:keyup.enter="menuToggle" ></div> <div class="jet-mobile-menu__back" role="button" ref="back" tabindex="0" aria-label="Back to Prev Items" aria-expanded="false" v-if="isBack" v-html="backIcon" v-on:click="goBack" v-on:keyup.enter="goBack" ></div> </div> <div class="jet-mobile-menu__before-template" v-if="beforeTemplateVisible" > <div class="jet-mobile-menu__before-template-content" ref="before-template-content" v-html="beforeContent" ></div> </div> <div class="jet-mobile-menu__body" > <transition :name="animation"> <mobile-menu-list v-if="!templateVisible" :key="depth" :depth="depth" :children-object="itemsList" ></mobile-menu-list> <div class="jet-mobile-menu__template" ref="template-content" v-if="templateVisible" > <div class="jet-mobile-menu__template-content" v-html="itemTemplateContent" ></div> </div> </transition> </div> <div class="jet-mobile-menu__after-template" v-if="afterTemplateVisible" > <div class="jet-mobile-menu__after-template-content" ref="after-template-content" v-html="afterContent" ></div> </div> </div> </div> </transition> </div> </script> <script type="text/x-template" id="jet-advanced-reviews-item-template"><div :id="`jet-reviews-item-${itemData.id}`" class="jet-reviews-advanced__review"> <div class="jet-reviews-advanced__review-header"> <div class="jet-reviews-advanced__review-author"> <div class="jet-reviews-user-data"> <div class="jet-reviews-user-data__avatar" v-html="itemData.author.avatar" v-if="$root.options.reviewAuthorAvatarVisible" ></div> <div class="jet-reviews-user-data__info"> <div class="jet-reviews-user-data__info-row"> <div class="jet-reviews-user-data__name"> <span v-html="itemData.author.name"></span> <time class="jet-reviews-published-date" :datetime="itemData.date.raw" :title="itemData.date.raw"><span>{{ itemData.date.human_diff }}</span></time> </div> <div class="jet-reviews-user-data__verifications" v-if="authorVerificationData" > <div class="jet-reviews-user-data__verification" :class="[ item.slug ]" v-for="(item, index) in authorVerificationData" > <span class="verification-icon" v-html="item.icon" v-if="item.icon"></span> <span class="verification-label" v-html="item.message"></span> </div> </div> </div> <div class="jet-reviews-user-data__summary-rating" v-if="averageRatingVisible" > <component :is="$root.options.ratingLayout" :before="false" :rating="+itemData.rating" :after="'points-field' === $root.options.ratingLayout ? averageRatingData.value : false" ></component> </div> <div class="jet-reviews-user-data__details-rating" v-if="detailsRatingVisible" > <component v-for="(item, index) in itemData.rating_data" :is="$root.options.ratingLayout" :key="index" :before="item.field_label" :rating="Math.round( +item.field_value * 100 / +item.field_max )" :after="'points-field' === $root.options.ratingLayout ? +item.field_value : false" ></component> </div> </div> </div> </div> <div class="jet-reviews-advanced__review-misc"> <div class="jet-reviews-advanced__review-pin" v-html="pinnedIcon" v-if="pinnedVisible" > </div> </div> </div> <div class="jet-reviews-advanced__review-container" > <h3 class="jet-reviews-advanced__review-title" v-html="itemData.title" v-if="$root.options.reviewTitleVisible" ></h3> <p class="jet-reviews-advanced__review-content" v-html="itemData.content"></p> <div class="jet-reviews-advanced__review-media-list" v-if="mediaList"> <div class="jet-reviews-advanced__review-media-item" v-for="media in mediaList" :key="media.id" > <a :href="media.media_url" data-pswp-width="1200" data-pswp-height="800" target="_blank"> <img :src="media.media_url" alt="..." width="200"> </a> </div> </div> </div> <div class="jet-reviews-advanced__review-footer" > <div class="jet-reviews-advanced__review-controls"> <div class="jet-reviews-advanced__review-control-group" v-if="userCanRate" > <div class="jet-reviews-button jet-reviews-button--secondary" :class="{ 'jet-progress-state': approvalSubmiting }" tabindex="0" @click="updateApprovalHandler( 'like' )" @keyup.enter="updateApprovalHandler( 'like' )" > <span class="jet-reviews-button__icon" v-html="likeIcon"></span> <span class="jet-reviews-button__text">{{ itemData.like }}</span> </div> <div class="jet-reviews-button jet-reviews-button--secondary" :class="{ 'jet-progress-state': approvalSubmiting }" tabindex="0" @click="updateApprovalHandler( 'dislike' )" @keyup.enter="updateApprovalHandler( 'dislike' )" > <span class="jet-reviews-button__icon" v-html="dislikeIcon"></span> <span class="jet-reviews-button__text">{{ itemData.dislike }}</span> </div> </div> <div class="jet-reviews-advanced__review-control-group"> <div v-if="!isCommentsEmpty" class="jet-reviews-button jet-reviews-button--primary" tabindex="0" @click="toggleCommentsVisible" @keyup.enter="toggleCommentsVisible" > <span class="jet-reviews-button__icon" v-if="showCommentsIcon" v-html="showCommentsIcon"></span> <span class="jet-reviews-button__text" v-if="!commentsVisible">{{ `${ $root.options.labels.showCommentsButton }(${ itemCommentsCount })` }}</span> <span class="jet-reviews-button__text" v-if="commentsVisible">{{ `${ $root.options.labels.hideCommentsButton }(${ itemCommentsCount })` }}</span> </div> <div v-if="userCanComment" class="jet-reviews-button jet-reviews-button--primary" tabindex="0" @click="showCommentForm" @keyup.enter="showCommentForm" > <span class="jet-reviews-button__icon" v-if="addCommentIcon" v-html="addCommentIcon"></span> <span class="jet-reviews-button__text">{{ $root.options.labels.newCommentButton }}</span> </div> </div> </div> <div class="jet-review-new-comment" :class="{ 'jet-progress-state': commentSubmiting }" v-if="commentFormVisible" > <div class="jet-review-new-comment-form" > <html-textarea class="jet-reviews-input jet-reviews-input--textarea" :data-placeholder="$root.options.labels.commentPlaceholder" ref="commentContent" v-model="commentText" ></html-textarea> <html-textarea class="jet-reviews-input" :is-valid="isValidAuthorName" :placeholder="$root.options.labels.authorNamePlaceholder" :not-valid-label="$root.options.labels.notValidFieldMessage" v-model="commentAuthorName" v-if="$root.guestNameFieldVisible" ></html-textarea> <html-textarea class="jet-reviews-input" :is-valid="isValidAuthorEmail" :placeholder="$root.options.labels.authorMailPlaceholder" :not-valid-label="$root.options.labels.notValidFieldMessage" v-model="commentAuthorMail" v-if="$root.guestNameFieldVisible" ></html-textarea> <div class="jet-review-new-comment-controls" > <div class="jet-reviews-button jet-reviews-button--secondary" tabindex="0" @click="cancelNewComment" @keyup.enter="cancelNewComment" > <div class="jet-reviews-button__text">{{ $root.options.labels.cancelButtonLabel }}</div> </div> <div v-if="commentControlsVisible" class="jet-reviews-button jet-reviews-button--primary" tabindex="0" @click="submitNewComment" @keyup.enter="submitNewComment" > <div class="jet-reviews-button__text">{{ $root.options.labels.submitCommentButton }}</div> </div> </div> <div class="jet-review-new-comment-message" v-if="responseMessage" > <span>{{ responseMessage }}</span> </div> </div> </div> <div class="jet-reviews-advanced__review-comments" v-if="isCommentsVisible" > <h4 class="jet-reviews-advanced__comments-title">{{ $root.options.labels.сommentsTitle }}</h4> <jet-advanced-reviews-comment v-for="comment in itemData.comments" :key="comment.id" :comment-data="comment" :parent-id="0" :parent-comments="[]" :depth="0" > </jet-advanced-reviews-comment> </div> </div> </div> </script> <script type="text/x-template" id="jet-advanced-reviews-comment-template"><div :id="`jet-reviews-comment-item-${commentData.id}`" class="jet-reviews-advanced__review-comment" :class="commentClass" > <div class="jet-reviews-comment-user-avatar" v-html="commentData.author.avatar" v-if="$root.options.commentAuthorAvatarVisible" ></div> <div class="jet-reviews-comment-container"> <div class="jet-reviews-comment-user-details"> <div class="jet-reviews-comment-user-name"><span>{{ commentData.author.name }}</span><time class="jet-reviews-published-date" :datetime="commentData.date.raw" :title="commentData.date.raw"><span>{{ commentData.date.human_diff }}</span></time></div> <div class="jet-reviews-user-data__verifications" v-if="authorVerificationData" > <div class="jet-reviews-user-data__verification" :class="[ item.slug ]" v-for="(item, index) in authorVerificationData" > <span class="verification-icon" v-html="item.icon" v-if="item.icon"></span> <span class="verification-label" v-html="item.message"></span> </div> </div> </div> <p class="jet-reviews-comment-content" v-html="commentData.content"></p> <div class="jet-reviews-comment-actions" v-if="formControlsVisible" > <div class="jet-reviews-button jet-reviews-button--primary" tabindex="0" @click="showReplyForm" @keyup.enter="showReplyForm" > <span class="jet-reviews-button__icon" v-if="replyIcon" v-html="replyIcon"></span> <span class="jet-reviews-button__text">{{ $root.options.labels.replyButton }}</span> </div> </div> <div class="jet-reviews-comment-reply-form" :class="{ 'jet-progress-state': replySubmiting }" v-if="replyFormVisible" > <html-textarea class="jet-reviews-input jet-reviews-input--textarea" :data-placeholder="$root.options.labels.replyPlaceholder" v-model="replyText" ref="commentText" ></html-textarea> <html-textarea class="jet-reviews-input" :is-valid="isValidAuthorName" :placeholder="$root.options.labels.authorNamePlaceholder" :not-valid-label="$root.options.labels.notValidFieldMessage" v-model="replyAuthorName" v-if="$root.guestNameFieldVisible" ></html-textarea> <html-textarea class="jet-reviews-input" :is-valid="isValidAuthorEmail" :placeholder="$root.options.labels.authorMailPlaceholder" :not-valid-label="$root.options.labels.notValidFieldMessage" v-model="replyAuthorMail" v-if="$root.guestNameFieldVisible" ></html-textarea> <div class="jet-reviews-comment-reply-controls" > <div class="jet-reviews-button jet-reviews-button--secondary" tabindex="0" @click="cancelNewReply" @keyup.enter="cancelNewReply" > <div class="jet-reviews-button__text">{{ $root.options.labels.cancelButtonLabel }}</div> </div> <div v-if="submitVisible" class="jet-reviews-button jet-reviews-button--primary" tabindex="0" @click="submitNewReply" @keyup.enter="submitNewReply" > <div class="jet-reviews-button__text">{{ $root.options.labels.submitReplyButton }}</div> </div> </div> <div v-if="responseMessage" class="jet-reviews-comment-reply-message" > <span>{{ responseMessage }}</span> </div> </div> <div v-if="0 !== commentsList.length" class="jet-reviews-comment-reply-list" > <jet-advanced-reviews-comment v-for="comment in commentsList" :key="comment.id" :comment-data="comment" :parent-id="+commentData.id" :parent-comments="commentData.children" :depth="1" > </jet-advanced-reviews-comment> </div> </div> </div> </script> <script type="text/x-template" id="jet-advanced-reviews-point-field-template"><div class="jet-reviews-field jet-reviews-points-field" :class="ratingClass" > <div class="jet-reviews-field__label jet-reviews-field__label-before" v-if="!isBeforeEmpty" > <span>{{ before }}</span> </div> <div class="jet-reviews-field__rating"> <div class="jet-reviews-points-field__adjuster"></div> <div class="jet-reviews-points-field__filled" :style="{ width: preparedRating + '%' }"></div> <div class="jet-reviews-points-field__empty" :style="{ width: ( 100 - preparedRating ) + '%' }"></div> </div> <div class="jet-reviews-field__label jet-reviews-field__label-after" v-if="!isAfterEmpty" > <span>{{ after }}</span> </div> </div> </script> <script type="text/x-template" id="jet-advanced-reviews-star-field-template"><div class="jet-reviews-field jet-reviews-stars-field" :class="ratingClass" > <div class="jet-reviews-field__label jet-reviews-field__label-before" v-if="!isBeforeEmpty" > <span>{{ before }}</span> </div> <div class="jet-reviews-field__rating"> <div class="jet-reviews-stars jet-reviews-stars--adjuster" v-html="emptyIcons" ></div> <div class="jet-reviews-stars jet-reviews-stars--filled" :style="{ width: preparedRating + '%' }" v-html="filledIcons" > </div> <div class="jet-reviews-stars jet-reviews-stars--empty" :style="{ width: ( 100 - preparedRating ) + '%' }" v-html="emptyIcons" > </div> </div> <div class="jet-reviews-field__label jet-reviews-field__label-after" v-if="!isAfterEmpty" > <span>{{ after }}</span> </div> </div> </script> <script type="text/x-template" id="jet-advanced-reviews-form-template"><div class="jet-reviews-advanced__new-review-form" :class="{ 'jet-progress-state': reviewSubmiting }" > <div class="jet-new-review-control jet-new-review-content" v-if="reviewContentVisible"> <html-textarea class="jet-reviews-input jet-reviews-input--textarea" :is-valid="isValidReviewContent" :placeholder="$root.options.labels.reviewContentPlaceholder" :not-valid-label="$root.options.labels.notValidFieldMessage" ref="reviewContent" v-model="reviewContent" ></html-textarea> </div> <div class="jet-new-review-control jet-new-review-title" v-if="reviewTitleVisible"> <html-textarea class="jet-reviews-input" :is-valid="isValidReviewTitle" :placeholder="$root.options.labels.reviewTitlePlaceholder" :not-valid-label="$root.options.labels.notValidFieldMessage" v-model="reviewTitle" ></html-textarea> </div> <div class="jet-new-review-control jet-new-review-author-name" v-if="$root.guestNameFieldVisible" > <html-textarea class="jet-reviews-input" :is-valid="isValidAuthorName" :placeholder="$root.options.labels.authorNamePlaceholder" :not-valid-label="$root.options.labels.notValidFieldMessage" v-model="reviewAuthorName" ></html-textarea> </div> <div class="jet-new-review-control jet-new-review-author-mail" v-if="$root.guestMailFieldVisible" > <html-textarea class="jet-reviews-input" :is-valid="isValidAuthorEmail" :placeholder="$root.options.labels.authorMailPlaceholder" :not-valid-label="$root.options.labels.notValidFieldMessage" v-model="reviewAuthorMail" ></html-textarea> </div> <div class="jet-new-review-control jet-new-review-media" v-if="$root.options.uploadMedia.allowed"> <file-input :uploadControlLabel="$root.options.labels.uploadControlLabel" :uploadIcon="$root.refsHtml.fileUploadIcon" :buttonLabel="$root.options.labels.buttonLabel" :maxFileSizeLabel="$root.options.labels.maxFileSizeLabel" :allowedTypes="$root.options.uploadMedia.allowedMedia" :maxFileSize="+$root.options.uploadMedia.maxSizeMedia" @on-file-change="handleFiles" @on-send-status="handleUploadStatus" ></file-input> </div> <div class="jet-new-review-fields"> <div class="jet-new-review-field" v-for="(field, index) in fields" :key="index" > <component :is="$root.options.ratingInputType" :max="field.field_max" :step="field.field_step" :label="field.field_label" v-model="field.field_value" ></component> </div> </div> <div class="jet-new-review-controls" > <div class="jet-reviews-button jet-reviews-button--secondary" tabindex="0" @click="cancelSubmit" @keyup.enter="cancelSubmit" > <div class="jet-reviews-button__text">{{ $root.options.labels.cancelButtonLabel }}</div> </div> <div class="jet-reviews-button jet-reviews-button--primary" tabindex="0" @click="submitReview" @keyup.enter="submitReview" > <div class="jet-reviews-button__text">{{ $root.options.labels.submitReviewButton }}</div> </div> </div> <div class="jet-new-review-message" v-if="formMessageVisible" > <span>{{ messageText }}</span> </div> </div> </script> <script type="text/x-template" id="jet-advanced-reviews-slider-input-template"><div class="jet-reviews-slider-input jet-reviews-range-input" > <span class="jet-new-review-field-label" v-html="label" ></span> <input tabindex="0" type="range" min="0" :step="step" :max="max" :value="value" @input="handleInput" @change="handleChange" > <span class="jet-new-review-field-value" v-html="valueLabel" ></span> </div> </script> <script type="text/x-template" id="jet-advanced-reviews-stars-input-template"><div class="jet-reviews-stars-input" > <span class="jet-new-review-field-label" v-html="label" ></span> <div class="jet-reviews-field jet-reviews-stars-field" :class="ratingClass" > <div class="jet-reviews-field__rating" > <div class="jet-reviews-stars jet-reviews-stars--adjuster" @mouseout="ratingMouseOut()" > <div class="jet-reviews-star" v-for="index in max" :key="index" v-html="emptyIcon" @click="ratingClick( index )" @mouseover="ratingMouseOver( index )" ></div> </div> <div class="jet-reviews-stars jet-reviews-stars--filled" :style="{ width: preparedRating + '%' }" v-html="filledIcons" > </div> <div class="jet-reviews-stars jet-reviews-stars--empty" :style="{ width: ( 100 - preparedRating ) + '%' }" v-html="emptyIcons" > </div> </div> </div> <span class="jet-new-review-field-value" v-html="valueLabel" ></span> </div> </script> <script type="text/x-template" id="jet-reviews-widget-pagination-template"><div :class="classesList" > <div :class="[baseClass + '__items']"> <div :class="prevClasses" v-html="prevIcon" @click="prev" > </div> <div :class="firstPageClasses" @click="changePage(1)"><span>1</span></div> <div v-if="currentPage > 5" :class="[baseClass + '__item', baseClass + '__item--jump-prev']" @click="fastPrev"><span>...</span></div> <div v-if="currentPage === 5" :class="[baseClass + '__item']" @click="changePage(currentPage - 3)"><span>{{ currentPage - 3 }}</span></div> <div v-if="currentPage - 2 > 1" :class="[baseClass + '__item']" @click="changePage(currentPage - 2)"><span>{{ currentPage - 2 }}</span></div> <div v-if="currentPage - 1 > 1" :class="[baseClass + '__item']" @click="changePage(currentPage - 1)"><span>{{ currentPage - 1 }}</span></div> <div v-if="currentPage != 1 && currentPage != allPages" :class="[baseClass + '__item',baseClass + '__item--active']"><span>{{ currentPage }}</span></div> <div v-if="currentPage + 1 < allPages" :class="[baseClass + '__item']" @click="changePage(currentPage + 1)"><span>{{ currentPage + 1 }}</span></div> <div v-if="currentPage + 2 < allPages" :class="[baseClass + '__item']" @click="changePage(currentPage + 2)"><span>{{ currentPage + 2 }}</span></div> <div v-if="allPages - currentPage === 4" :class="[baseClass + '__item']" @click="changePage(currentPage + 3)"><span>{{ currentPage + 3 }}</span></div> <div v-if="allPages - currentPage >= 5" :class="[baseClass + '__item', baseClass + '__item--jump-next']" @click="fastNext"><span>...</span></div> <div v-if="allPages > 1" :class="lastPageClasses" @click="changePage(allPages)"><span>{{ allPages }}</span></div> <div :class="nextClasses" v-html="nextIcon" @click="next" > </div> </div> </div> </script> <script type="text/x-template" id="jet-reviews-widget-file-input-template"><div :class="classesList"> <input class="" ref="fileInput" type="file" name="reviewMedia" multiple accept="image/*" @change="handleFiles" hidden> <div class="jet-reviews-widget-file-input__inner" @dragover.prevent="onDragOver" @dragleave="onDragLeave" @drop.prevent="onFileDrop" > <span v-html="uploadControlLabel"></span> <div class="jet-reviews-button jet-reviews-button--primary" tabindex="0" @click="triggerFileInput" @keyup.enter="triggerFileInput" > <span class="jet-reviews-button__icon" v-if="uploadIcon" v-html="uploadIcon"></span> <div class="jet-reviews-button__text">{{ buttonLabel }}</div> </div> <small v-html="maxSizeLabel"></small> <div class="jet-new-review-message" v-if="isMessageVisible" > <span>{{ messageText }}</span> </div> <div class="jet-reviews-widget-file-input__media-list" v-if="reviewMediaPreview.length"> <div class="jet-reviews-widget-file-input__media-item" v-for="( img, i) in reviewMediaPreview" :key="i"> <img :src="img" style="max-width: 100px; margin: 5px;" /> </div> </div> </div> </div> </script> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { ; (function($, w) { 'use strict'; let $window = $(w); $(document).ready(function() { let isEnable = ""; let isEnableLazyMove = ""; let speed = isEnableLazyMove ? '0.7' : '0.2'; if( !isEnable ) { return; } if (typeof haCursor == 'undefined' || haCursor == null) { initiateHaCursorObject(speed); } setTimeout(function() { let targetCursor = $('.ha-cursor'); if (targetCursor) { if (!isEnable) { $('body').removeClass('hm-init-default-cursor-none'); $('.ha-cursor').addClass('ha-init-hide'); } else { $('body').addClass('hm-init-default-cursor-none'); $('.ha-cursor').removeClass('ha-init-hide'); } } }, 500); }); }(jQuery, window)); });</script> <script type="rocketlazyloadscript"> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <!-- Botão Acessar com o Google adicionado pelo Site Kit --> <style> .googlesitekit-sign-in-with-google__frontend-output-button{max-width:320px} </style> <script type="rocketlazyloadscript" data-rocket-src="https://accounts.google.com/gsi/client" defer></script> <script type="rocketlazyloadscript"> (()=>{async function handleCredentialResponse(response){try{const res=await fetch('https://webzoe.com.br/wp-login.php?action=googlesitekit_auth',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:new URLSearchParams(response)});/* Preserve comment text in case of redirect after login on a page with a Sign in with Google button in the WordPress comments. */ const commentText=document.querySelector('#comment')?.value;const postId=document.querySelectorAll('.googlesitekit-sign-in-with-google__comments-form-button')?.[0]?.className?.match(/googlesitekit-sign-in-with-google__comments-form-button-postid-(\d+)/)?.[1];if(!! commentText?.length){sessionStorage.setItem(`siwg-comment-text-${postId}`,commentText);}location.reload();}catch(error){console.error(error);}}if(typeof google !=='undefined'){google.accounts.id.initialize({client_id:'817561113082-lre9okb0hluu9f0047v37d07177frant.apps.googleusercontent.com',callback:handleCredentialResponse,library_name:'Site-Kit'});}const defaultButtonOptions={"theme":"outline","text":"signin_with","shape":"rectangular"};document.querySelectorAll('.googlesitekit-sign-in-with-google__frontend-output-button').forEach((siwgButtonDiv)=>{const buttonOptions={shape:siwgButtonDiv.getAttribute('data-googlesitekit-siwg-shape')|| defaultButtonOptions.shape,text:siwgButtonDiv.getAttribute('data-googlesitekit-siwg-text')|| defaultButtonOptions.text,theme:siwgButtonDiv.getAttribute('data-googlesitekit-siwg-theme')|| defaultButtonOptions.theme,};if(typeof google !=='undefined'){google.accounts.id.renderButton(siwgButtonDiv,buttonOptions);}});/* If there is a matching saved comment text in sessionStorage,restore it to the comment field and remove it from sessionStorage. */ const postId=document.body.className.match(/postid-(\d+)/)?.[1];const commentField=document.querySelector('#comment');const commentText=sessionStorage.getItem(`siwg-comment-text-${postId}`);if(commentText?.length && commentField && !! postId){commentField.value=commentText;sessionStorage.removeItem(`siwg-comment-text-${postId}`);}})(); </script> <!-- Botão Finalizar Acesso com Google adicionado pelo Site Kit --> <script type="text/html" id="tmpl-jet-ajax-search-results-item"> <div class="jet-ajax-search__results-item"> <a class="jet-ajax-search__item-link" href="{{{data.link}}}" target="{{{data.link_target_attr}}}"> {{{data.thumbnail}}} <div class="jet-ajax-search__item-content-wrapper"> {{{data.before_title}}} <div class="jet-ajax-search__item-title">{{{data.title}}}</div> {{{data.after_title}}} {{{data.before_content}}} <div class="jet-ajax-search__item-content">{{{data.content}}}</div> {{{data.after_content}}} {{{data.rating}}} {{{data.price}}} {{{data.add_to_cart}}} </div> </a> </div> </script><script type="text/html" id="tmpl-jet-search-focus-suggestion-item"> <div class="jet-search-suggestions__focus-area-item" tabindex="0" aria-label="{{{data.fullName}}}"> <div class="jet-search-suggestions__focus-area-item-title">{{{data.name}}}</div> </div> </script><script type="text/html" id="tmpl-jet-search-inline-suggestion-item"> <div class="jet-search-suggestions__inline-area-item" tabindex="0" aria-label="{{{data.fullName}}}"> <div class="jet-search-suggestions__inline-area-item-title" >{{{data.name}}}</div> </div> </script><script type="text/html" id="tmpl-jet-ajax-search-inline-suggestion-item"> <div class="jet-ajax-search__suggestions-inline-area-item" tabindex="0" aria-label="{{{data.fullName}}}"> <div class="jet-ajax-search__suggestions-inline-area-item-title" >{{{data.name}}}</div> </div> </script><script type="text/html" id="tmpl-jet-ajax-search-results-suggestion-item"> <div class="jet-ajax-search__results-suggestions-area-item" tabindex="0" aria-label="{{{data.fullName}}}"> <div class="jet-ajax-search__results-suggestions-area-item-title">{{{data.name}}}</div> </div> </script><link rel='stylesheet' id='widget-hotspot-css' href='https://webzoe.com.br/wp-content/plugins/elementor-pro/assets/css/widget-hotspot.min.css?ver=3.34.0' media='all' /> <link data-minify="1" rel='stylesheet' id='jet-elements-css' href='https://webzoe.com.br/wp-content/cache/min/1/wp-content/plugins/jet-elements/assets/css/jet-elements.css?ver=1768289956' media='all' /> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js" defer></script> <script id="wp-util-js-extra"> var _wpUtilSettings = {"ajax":{"url":"/wp-admin/admin-ajax.php"}}; //# sourceURL=wp-util-js-extra </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-includes/js/wp-util.min.js?ver=6.9" id="wp-util-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/jet-search/assets/lib/chosen/chosen.jquery.min.js?ver=1.8.7" id="jquery-chosen-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://webzoe.com.br/wp-content/cache/min/1/wp-content/plugins/jet-search/assets/lib/jet-plugins/jet-plugins.js?ver=1753186631" id="jet-plugins-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://webzoe.com.br/wp-content/cache/min/1/wp-content/plugins/jet-search/assets/js/jet-search.js?ver=1753186631" id="jet-search-js" defer></script> <script type="rocketlazyloadscript" id="rocket-browser-checker-js-after"> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); //# sourceURL=rocket-browser-checker-js-after </script> <script id="rocket-preload-links-js-extra"> var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://webzoe.com.br","onHoverDelay":"100","rateThrottle":"3"}; //# sourceURL=rocket-preload-links-js-extra </script> <script type="rocketlazyloadscript" id="rocket-preload-links-js-after"> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); //# sourceURL=rocket-preload-links-js-after </script> <script id="rocket_lazyload_css-js-extra"> var rocket_lazyload_css_data = {"threshold":"300"}; //# sourceURL=rocket_lazyload_css-js-extra </script> <script id="rocket_lazyload_css-js-after"> !function o(n,c,a){function s(t,e){if(!c[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(u)return u(t,!0);throw(r=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",r}r=c[t]={exports:{}},n[t][0].call(r.exports,function(e){return s(n[t][1][e]||e)},r,r.exports,o,n,c,a)}return c[t].exports}for(var u="function"==typeof require&&require,e=0;e<a.length;e++)s(a[e]);return s}({1:[function(e,t,r){"use strict";!function(){const r="undefined"==typeof rocket_pairs?[]:rocket_pairs,e="undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs;e.map(t=>{var e=t.selector;const r=document.querySelectorAll(e);r.forEach(e=>{e.setAttribute("data-rocket-lazy-bg-".concat(t.hash),"excluded")})});const o=document.querySelector("#wpr-lazyload-bg-container");var t=rocket_lazyload_css_data.threshold||300;const n=new IntersectionObserver(e=>{e.forEach(t=>{if(t.isIntersecting){const e=r.filter(e=>t.target.matches(e.selector));e.map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,o.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{n.unobserve(e),e.setAttribute("data-rocket-lazy-bg-".concat(t.hash),"loaded")}))})}})},{rootMargin:t+"px"});function c(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&r.forEach(t=>{try{const e=document.querySelectorAll(t.selector);e.forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-".concat(t.hash))&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-".concat(t.hash))&&(n.observe(e),(t.elements||(t.elements=[])).push(e))})}catch(e){console.error(e)}})}c();const a=function(){const o=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType){const r=new o(t);return r.observe(e,{attributes:!0,childList:!0,subtree:!0}),r}}}();t=document.querySelector("body"),a(t,c)}()},{}]},{},[1]); //# sourceMappingURL=lazyload-css.min.js.map //# sourceURL=rocket_lazyload_css-js-after </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://webzoe.com.br/wp-content/cache/min/1/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=1767809899" id="hello-theme-frontend-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-bc2e26cfa69fcd4a8261.js" id="googlesitekit-consent-mode-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/jet-reviews/assets/js/lib/vue.min.js?ver=2.6.11" id="jet-vue-js" defer></script> <script id="jet-menu-public-scripts-js-extra"> var jetMenuPublicSettings = {"version":"2.4.18","ajaxUrl":"https://webzoe.com.br/wp-admin/admin-ajax.php","isMobile":"false","getElementorTemplateApiUrl":"https://webzoe.com.br/wp-json/jet-menu-api/v2/get-elementor-template-content","getBlocksTemplateApiUrl":"https://webzoe.com.br/wp-json/jet-menu-api/v2/get-blocks-template-content","menuItemsApiUrl":"https://webzoe.com.br/wp-json/jet-menu-api/v2/get-menu-items","restNonce":"27ef336b11","devMode":"false","wpmlLanguageCode":"","menuSettings":{"jetMenuRollUp":"true","jetMenuMouseleaveDelay":500,"jetMenuMegaWidthType":"container","jetMenuMegaWidthSelector":"","jetMenuMegaOpenSubType":"hover","jetMenuMegaAjax":"false"}}; //# sourceURL=jet-menu-public-scripts-js-extra </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://webzoe.com.br/wp-content/cache/min/1/wp-content/plugins/jet-menu/assets/public/js/jet-menu-public-scripts.js?ver=1753186631" id="jet-menu-public-scripts-js" defer></script> <script type="rocketlazyloadscript" id="jet-menu-public-scripts-js-after"> function CxCSSCollector(){"use strict";var t,e=window.CxCollectedCSS;void 0!==e&&((t=document.createElement("style")).setAttribute("title",e.title),t.setAttribute("type",e.type),t.textContent=e.css,document.head.appendChild(t))}CxCSSCollector(); //# sourceURL=jet-menu-public-scripts-js-after </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/jet-elements/assets/js/lib/anime-js/anime.min.js?ver=2.2.0" id="jet-anime-js-js" defer></script> <script id="jet-popup-frontend-js-extra"> var jetPopupData = {"version":"2.0.20.3","ajax_url":"https://webzoe.com.br/wp-admin/admin-ajax.php","isElementor":"true"}; //# sourceURL=jet-popup-frontend-js-extra </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://webzoe.com.br/wp-content/cache/min/1/wp-content/plugins/jet-popup/assets/js/jet-popup-frontend.js?ver=1753186631" id="jet-popup-frontend-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js" defer></script> <script id="happy-elementor-addons-js-extra"> var HappyLocalize = {"ajax_url":"https://webzoe.com.br/wp-admin/admin-ajax.php","nonce":"f8bdc91e60","pdf_js_lib":"https://webzoe.com.br/wp-content/plugins/happy-elementor-addons/assets/vendor/pdfjs/lib"}; //# sourceURL=happy-elementor-addons-js-extra </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/happy-elementor-addons/assets/js/happy-addons.min.js?ver=3.20.4" id="happy-elementor-addons-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/happy-elementor-addons/assets/js/extension-reading-progress-bar.min.js?ver=3.20.4" id="happy-reading-progress-bar-js" defer></script> <script id="mdp-speaker-js-extra"> var mdpSpeaker = {"share":{"type":"none","shareTitle":"Listen to the audio version of the post %s","iconsUrl":"https://webzoe.com.br/wp-content/plugins/speaker/images/mdc-icons/"},"settings":{"loop":"false","autoplay":"false","speed":"false","iOSUnmute":"false"},"translations":{"play":"Play","pause":"Pause","repeatOn":"Repeat: On","repeatOff":"Repeat: Off","muteOn":"Mute: On","muteOff":"Mute: Off","volume":"Volume","download":"Download","speed":"Speed","speedChrome":"Playback speed","share":"Share","options":"Options","normal":"Normal"},"controls":{"download":"true","mute":"true","repeat":"true","speed":"true","share":"true","volume":"true","elapsed":"true","duration":"true"},"icons":{"play":"\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"\u003E\u003Cpath d=\"M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z\"/\u003E\u003C/svg\u003E\n","pause":"\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"\u003E\u003Cpath d=\"M48 64C21.5 64 0 85.5 0 112V400c0 26.5 21.5 48 48 48H80c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H48zm192 0c-26.5 0-48 21.5-48 48V400c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H240z\"/\u003E\u003C/svg\u003E\n","repeatOn":"\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"\u003E\u003Cpath d=\"M48.5 224H40c-13.3 0-24-10.7-24-24V72c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2L98.6 96.6c87.6-86.5 228.7-86.2 315.8 1c87.5 87.5 87.5 229.3 0 316.8s-229.3 87.5-316.8 0c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3c-62.2-62.2-162.7-62.5-225.3-1L185 183c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8H48.5z\"/\u003E\u003C/svg\u003E\n","repeatOff":"\u003C?xml version=\"1.0\" encoding=\"utf-8\"?\u003E\n\u003Csvg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 512 512\" style=\"enable-background:new 0 0 512 512;\" xml:space=\"preserve\"\u003E\n\u003Cpath d=\"M441.3,19.1L291.1,169.3c-1.1,1.1-3.1,0.4-3.1-1.2c0,0,0,0,0,0V41.8c0-14.2,11.6-25.8,25.8-25.8H440c0,0,0,0,0,0\n\tC441.6,16,442.4,18,441.3,19.1z\"/\u003E\n\u003Cpath d=\"M466.4,224h-45.9c-4.4,0-8.2-3-9.3-7.2c-4.1-16.2-10.8-32-20-46.5c-2.4-3.8-1.8-8.7,1.3-11.9l32.3-32.3\n\tc4.2-4.2,11.2-3.6,14.7,1.3c18.3,26.1,30.4,55.1,36.3,85.2C477,218.5,472.4,224,466.4,224z\"/\u003E\n\u003Cpath d=\"M115,345.3l-33.4,33.4c-4.1,4.1-10.9,3.4-14.1-1.5c-15.7-24.3-26.2-51-31.5-78.5c-1.1-5.6,3.3-10.8,9-10.8h46.9\n\tc4.2,0,7.8,2.8,8.8,6.8c3.4,13.7,8.7,27.1,15.8,39.7C118.5,338,117.9,342.5,115,345.3z\"/\u003E\n\u003Cpath d=\"M206.4,474.5c-28-6.3-55-18.1-79.4-35.3c-4.7-3.3-5.2-10-1.2-14.1l32.8-32.8c3.1-3.1,7.8-3.6,11.5-1.3\n\tc12.9,8.2,26.7,14.4,41,18.6c3.9,1.1,6.6,4.8,6.6,8.9v46.9C217.6,471.3,212.1,475.8,206.4,474.5z\"/\u003E\n\u003Cpath d=\"M425.1,386.3l-32.8-32.8c-3-3-3.6-7.8-1.3-11.4c9.4-14.7,16.2-30.7,20.3-47.1c1-4.1,4.7-6.9,8.9-6.9h46.6\n\tc5.8,0,10.2,5.3,9.1,10.9c-5.9,30.4-18.2,59.9-36.8,86.2C435.8,389.8,429.1,390.3,425.1,386.3z\"/\u003E\n\u003Cpath d=\"M281.6,467.8v-45.9c0-4.4,3.1-8.3,7.4-9.2c15.7-3.3,31-9,45.4-17c3.6-2.1,8.2-1.4,11.2,1.6l32.9,32.9\n\tc4.2,4.2,3.5,11.3-1.5,14.5c-26.1,16.8-54.9,27.6-84.5,32.4C286.8,478,281.6,473.5,281.6,467.8z\"/\u003E\n\u003C/svg\u003E\n","muteOn":"\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"\u003E\u003Cpath d=\"M301.1 34.8C312.6 40 320 51.4 320 64V448c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h67.8L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3zM425 167l55 55 55-55c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-55 55 55 55c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-55-55-55 55c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l55-55-55-55c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z\"/\u003E\u003C/svg\u003E\n","muteOff":"\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"\u003E\u003Cpath d=\"M333.1 34.8C344.6 40 352 51.4 352 64V448c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L163.8 352H96c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h67.8L298.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3zm172 72.2c43.2 35.2 70.9 88.9 70.9 149s-27.7 113.8-70.9 149c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C507.3 341.3 528 301.1 528 256s-20.7-85.3-53.2-111.8c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zm-60.5 74.5C466.1 199.1 480 225.9 480 256s-13.9 56.9-35.4 74.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C425.1 284.4 432 271 432 256s-6.9-28.4-17.7-37.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5z\"/\u003E\u003C/svg\u003E\n","download":"\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"\u003E\u003Cpath d=\"M256 448c106 0 192-86 192-192c0-17.7 14.3-32 32-32s32 14.3 32 32c0 141.4-114.6 256-256 256S0 397.4 0 256c0-17.7 14.3-32 32-32s32 14.3 32 32c0 106 86 192 192 192zM390.6 230.6l-112 112c-12.5 12.5-32.8 12.5-45.3 0l-112-112c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 242.7 224 32c0-17.7 14.3-32 32-32s32 14.3 32 32l0 210.7 57.4-57.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z\"/\u003E\u003C/svg\u003E\n","speed":"\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"\u003E\u003Cpath d=\"M320 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM125.7 175.5c9.9-9.9 23.4-15.5 37.5-15.5c1.9 0 3.8 .1 5.6 .3L137.6 254c-9.3 28 1.7 58.8 26.8 74.5l86.2 53.9-25.4 88.8c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l28.7-100.4c5.9-20.6-2.6-42.6-20.7-53.9L238 299l30.9-82.4 5.1 12.3C289 264.7 323.9 288 362.7 288H384c17.7 0 32-14.3 32-32s-14.3-32-32-32H362.7c-12.9 0-24.6-7.8-29.5-19.7l-6.3-15c-14.6-35.1-44.1-61.9-80.5-73.1l-48.7-15c-11.1-3.4-22.7-5.2-34.4-5.2c-31 0-60.8 12.3-82.7 34.3L57.4 153.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l23.1-23.1zM91.2 352H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h69.6c19 0 36.2-11.2 43.9-28.5L157 361.6l-9.5-6c-17.5-10.9-30.5-26.8-37.9-44.9L91.2 352z\"/\u003E\u003C/svg\u003E\n","share":"\u003C?xml version=\"1.0\" encoding=\"utf-8\"?\u003E\n\u003Csvg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 448 512\" style=\"enable-background:new 0 0 448 512;\" xml:space=\"preserve\"\u003E\n\u003Cpath d=\"M448,400c0,44.2-35.8,80-80,80s-80-35.8-80-80c0-7.6,1-14.9,3-21.8l-147.4-73.7C129.1,323.6,106,336,80,336\n\tc-44.2,0-80-35.8-80-80s35.8-80,80-80c25.1,0,47.5,11.6,62.2,29.7l148.2-74.2c-1.6-6.2-2.4-12.8-2.4-19.5c0-44.2,35.8-80,80-80\n\ts80,35.8,80,80s-35.8,80-80,80c-26.8,0-50.5-13.2-65-33.4L156.3,232c2.4,7.6,3.7,15.6,3.7,24c0,7.5-1,14.8-3,21.7l147.4,73.8\n\tC319,332.3,342.1,320,368,320C412.2,320,448,355.8,448,400z\"/\u003E\n\u003C/svg\u003E\n"},"analytics":{"nonce":"1badf122e6","ajaxUrl":"https://webzoe.com.br/wp-admin/admin-ajax.php","enable":"true","precision":5}}; //# sourceURL=mdp-speaker-js-extra </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/speaker/js/speaker.min.js?ver=4.1.9" id="mdp-speaker-js" async data-wp-strategy="async"></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.34.1" id="elementor-webpack-runtime-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.34.1" id="elementor-frontend-modules-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js" defer></script> <script type="rocketlazyloadscript" id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartilhar no Facebook","shareOnTwitter":"Compartilhar no Twitter","pinIt":"Fixar","download":"Baixar","downloadImage":"Baixar imagem","fullscreen":"Tela cheia","zoom":"Zoom","share":"Compartilhar","playVideo":"Reproduzir v\u00eddeo","previous":"Anterior","next":"Pr\u00f3ximo","close":"Fechar","a11yCarouselPrevSlideMessage":"Slide anterior","a11yCarouselNextSlideMessage":"Pr\u00f3ximo slide","a11yCarouselFirstSlideMessage":"Este \u00e9 o primeiro slide","a11yCarouselLastSlideMessage":"Este \u00e9 o \u00faltimo slide","a11yCarouselPaginationBulletMessage":"Ir para o slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Dispositivos m\u00f3veis no modo retrato","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Dispositivos m\u00f3veis no modo paisagem","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet no modo retrato","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet no modo paisagem","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Notebook","value":1366,"default_value":1366,"direction":"max","is_enabled":true},"widescreen":{"label":"Tela ampla (widescreen)","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":true},"version":"3.34.1","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"nested-elements":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"e_interactions":true,"import-export-customization":true,"mega-menu":true,"e_pro_variables":true},"urls":{"assets":"https:\/\/webzoe.com.br\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/webzoe.com.br\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/webzoe.com.br\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"9d58ff8d73"},"swiperClass":"swiper","settings":{"page":{"ha_cmc_init_switcher":"no"},"editorPreferences":[]},"kit":{"body_background_background":"classic","active_breakpoints":["viewport_mobile","viewport_tablet","viewport_laptop"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo","ha_rpb_enable":"no"},"post":{"id":6145,"title":"A%20combina%C3%A7%C3%A3o%20de%20valor%20de%20atributo%20%22Anominada%20TEXTATA%22%20Content%C3%A1vel%20est%C3%A1%20agora%20recentemente%20dispon%C3%ADvel%20%7C%20Blog%20%7C%20web.dev%20-%20Webzoe%20Company","excerpt":"","featuredImage":"https:\/\/webzoe.com.br\/wp-content\/uploads\/2025\/03\/A-combinacao-de-valor-de-atributo-Anominada-TEXTATA-Contentavel-esta-1024x576.png"}}; //# sourceURL=elementor-frontend-js-before </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.34.1" id="elementor-frontend-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.34.0" id="elementor-pro-webpack-runtime-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script> <script type="rocketlazyloadscript" id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); //# sourceURL=wp-i18n-js-after </script> <script type="rocketlazyloadscript" id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/webzoe.com.br\/wp-admin\/admin-ajax.php","nonce":"cc7dcd5737","urls":{"assets":"https:\/\/webzoe.com.br\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/webzoe.com.br\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"pt_BR","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/webzoe.com.br\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; //# sourceURL=elementor-pro-frontend-js-before </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.34.0" id="elementor-pro-frontend-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.34.0" id="pro-elements-handlers-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/jet-blocks/assets/js/lib/jsticky/jquery.jsticky.min.js?ver=1.1.0" id="jet-blocks-jsticky-js" defer></script> <script id="jet-blocks-js-extra"> var jetBlocksData = {"recaptchaConfig":""}; var JetHamburgerPanelSettings = {"ajaxurl":"https://webzoe.com.br/wp-admin/admin-ajax.php","isMobile":"false","templateApiUrl":"https://webzoe.com.br/wp-json/jet-blocks-api/v1/elementor-template","devMode":"false","restNonce":"27ef336b11"}; //# sourceURL=jet-blocks-js-extra </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/jet-blocks/assets/js/jet-blocks.min.js?ver=1.3.22" id="jet-blocks-js" defer></script> <script id="jet-elements-js-extra"> var jetElements = {"ajaxUrl":"https://webzoe.com.br/wp-admin/admin-ajax.php","isMobile":"false","templateApiUrl":"https://webzoe.com.br/wp-json/jet-elements-api/v1/elementor-template","devMode":"false","messages":{"invalidMail":"Por favor, especifique um e-mail v\u00e1lido"}}; //# sourceURL=jet-elements-js-extra </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/jet-elements/assets/js/jet-elements.min.js?ver=2.7.12.3" id="jet-elements-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://webzoe.com.br/wp-content/cache/min/1/wp-content/plugins/jet-menu/includes/elementor/assets/public/js/widgets-scripts.js?ver=1753186631" id="jet-menu-elementor-widgets-scripts-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://webzoe.com.br/wp-content/cache/min/1/wp-content/plugins/jet-popup/includes/elementor/assets/js/jet-popup-elementor-frontend.js?ver=1753186631" id="jet-popup-elementor-frontend-js" defer></script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-includes/js/dist/url.min.js?ver=9e178c9516d1222dc834" id="wp-url-js"></script> <script type="rocketlazyloadscript" id="wp-api-fetch-js-translations"> ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2025-12-02 14:20:10+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"pt_BR"},"Could not get a valid response from the server.":["N\u00e3o foi poss\u00edvel obter uma resposta v\u00e1lida do servidor."],"Unable to connect. Please check your Internet connection.":["N\u00e3o foi poss\u00edvel se conectar. Verifique sua conex\u00e3o \u00e0 internet."],"Media upload failed. If this is a photo or a large image, please scale it down and try again.":["Falha ao enviar a m\u00eddia. Se for uma foto ou imagem grande, reduza o tamanho e tente novamente."],"The response is not a valid JSON response.":["A resposta n\u00e3o \u00e9 um JSON v\u00e1lido."]}},"comment":{"reference":"wp-includes\/js\/dist\/api-fetch.js"}} ); //# sourceURL=wp-api-fetch-js-translations </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-includes/js/dist/api-fetch.min.js?ver=3a4d9af2b423048b0dee" id="wp-api-fetch-js"></script> <script type="rocketlazyloadscript" id="wp-api-fetch-js-after"> wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "https://webzoe.com.br/wp-json/" ) ); wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "27ef336b11" ); wp.apiFetch.use( wp.apiFetch.nonceMiddleware ); wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware ); wp.apiFetch.nonceEndpoint = "https://webzoe.com.br/wp-admin/admin-ajax.php?action=rest-nonce"; //# sourceURL=wp-api-fetch-js-after </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/jet-reviews/assets/lib/photoswipe/js/photoswipe.min.js?ver=3.0.0.1" id="photoswipe-js" defer></script> <script id="jet-reviews-frontend-js-extra"> var jetReviewPublicConfig = {"version":"3.0.0.1","ajax_url":"https://webzoe.com.br/wp-admin/admin-ajax.php","current_url":"https://webzoe.com.br/a-combinacao-de-valor-de-atributo-anominada-textata-contentavel-esta-agora-recentemente-disponivel-blog-web-dev","getPublicReviewsRoute":"/jet-reviews-api/v1/get-public-reviews-list","submitReviewCommentRoute":"/jet-reviews-api/v1/submit-review-comment","submitReviewRoute":"/jet-reviews-api/v1/submit-review","likeReviewRoute":"/jet-reviews-api/v1/update-review-approval","labels":{"alreadyReviewed":"*Already reviewed","notApprove":"*Your review must be approved by the moderator","notValidField":"*This field is required or not valid","captchaValidationFailed":"*Captcha validation failed"},"recaptchaConfig":""}; //# sourceURL=jet-reviews-frontend-js-extra </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://webzoe.com.br/wp-content/cache/min/1/wp-content/plugins/jet-reviews/assets/js/jet-reviews-frontend.js?ver=1753186631" id="jet-reviews-frontend-js" defer></script> <script id="jet-tabs-frontend-js-extra"> var JetTabsSettings = {"ajaxurl":"https://webzoe.com.br/wp-admin/admin-ajax.php","isMobile":"false","templateApiUrl":"https://webzoe.com.br/wp-json/jet-tabs-api/v1/elementor-template","devMode":"false","isSelfRequest":""}; //# sourceURL=jet-tabs-frontend-js-extra </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/jet-tabs/assets/js/jet-tabs-frontend.min.js?ver=2.2.13" id="jet-tabs-frontend-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://webzoe.com.br/wp-content/cache/min/1/wp-content/plugins/jet-tricks/assets/js/lib/tippy/popperjs.js?ver=1753186631" id="jet-tricks-popperjs-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://webzoe.com.br/wp-content/cache/min/1/wp-content/plugins/jet-tricks/assets/js/lib/tippy/tippy-bundle.js?ver=1753186631" id="jet-tricks-tippy-bundle-js" defer></script> <script id="jet-tricks-frontend-js-extra"> var JetTricksSettings = {"elements_data":{"sections":{"16e2d708":{"view_more":false,"particles":"false","particles_json":""},"6944bc7d":{"view_more":false,"particles":"false","particles_json":""},"37984db0":{"view_more":false,"particles":"false","particles_json":""},"47b0f955":{"view_more":false,"particles":"false","particles_json":""},"25b891bc":{"view_more":false,"particles":"false","particles_json":""},"7937410c":{"view_more":false,"particles":"false","particles_json":""},"6d1c40cf":{"view_more":false,"particles":"false","particles_json":""},"69dd1380":{"view_more":false,"particles":"false","particles_json":""},"85a85a5":{"view_more":false,"particles":"false","particles_json":""},"6a9a9007":{"view_more":false,"particles":"false","particles_json":""},"778e2e47":{"view_more":false,"particles":"false","particles_json":""},"7e9826f0":{"view_more":false,"particles":"false","particles_json":""},"3e082d51":{"view_more":false,"particles":"false","particles_json":""},"1afea3f2":{"view_more":false,"particles":"false","particles_json":""},"7fad55a0":{"view_more":false,"particles":"false","particles_json":""},"8234ea6":{"view_more":false,"particles":"false","particles_json":""},"c946f91":{"view_more":false,"particles":"false","particles_json":""},"7c694ef":{"view_more":false,"particles":"false","particles_json":""},"46f32d69":{"view_more":false,"particles":"false","particles_json":""},"662333cc":{"view_more":false,"particles":"false","particles_json":""},"5891a44d":{"view_more":false,"particles":"false","particles_json":""},"128400ca":{"view_more":false,"particles":"false","particles_json":""},"35ca4b31":{"view_more":false,"particles":"false","particles_json":""},"455d3cb4":{"view_more":false,"particles":"false","particles_json":""},"cc000c2":{"view_more":false,"particles":"false","particles_json":""},"4f4d8479":{"view_more":false,"particles":"false","particles_json":""},"257bcea0":{"view_more":false,"particles":"false","particles_json":""},"7264bbd":{"view_more":false,"particles":"false","particles_json":""},"b8f343f":{"view_more":false,"particles":"false","particles_json":""}},"columns":[],"widgets":{"1e333c39":[],"7414237b":[],"300dc4e5":[],"3b99c3ec":[],"5d2d61de":[],"2f194b69":[],"565995aa":[],"3fc3b3bd":[],"7da64c1":[],"3224d708":[],"6144476e":[],"2be55436":[],"430c89c6":[],"54726da1":[],"31d5aa96":[],"6957df80":[],"247a9a80":[],"2ec1f228":[],"871f49e":[],"23e56e84":[],"238ea09c":[],"ebc0cb3":[],"312ac628":[],"44c13a09":[],"379e05d":[],"931e6fb":[]}}}; //# sourceURL=jet-tricks-frontend-js-extra </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://webzoe.com.br/wp-content/cache/min/1/wp-content/plugins/jet-tricks/assets/js/jet-tricks-frontend.js?ver=1753186631" id="jet-tricks-frontend-js" defer></script> <script id="jet-blog-js-extra"> var JetBlogSettings = {"ajaxurl":"https://webzoe.com.br/a-combinacao-de-valor-de-atributo-anominada-textata-contentavel-esta-agora-recentemente-disponivel-blog-web-dev/?nocache=1768293163&jet_blog_ajax=1"}; //# sourceURL=jet-blog-js-extra </script> <script type="rocketlazyloadscript" data-rocket-src="https://webzoe.com.br/wp-content/plugins/jet-blog/assets/js/jet-blog.min.js?ver=2.4.8" id="jet-blog-js" defer></script> <script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-M9365SJ9SK');</script><script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://webzoe.com.br/wp-includes/js/wp-emoji-release.min.js?ver=6.9"}} </script> <script type="rocketlazyloadscript" data-rocket-type="module"> /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://webzoe.com.br/wp-includes/js/wp-emoji-loader.min.js </script> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://webzoe.com.br/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script> <script>var rocket_lcp_data = {"ajax_url":"https:\/\/webzoe.com.br\/wp-admin\/admin-ajax.php","nonce":"0eaa8b4942","url":"https:\/\/webzoe.com.br\/a-combinacao-de-valor-de-atributo-anominada-textata-contentavel-esta-agora-recentemente-disponivel-blog-web-dev","is_mobile":false,"elements":"img, video, picture, p, main, div, li, svg","width_threshold":1600,"height_threshold":700,"debug":null}</script><script data-name="wpr-lcp-beacon" src='https://webzoe.com.br/wp-content/plugins/wp-rocket/assets/js/lcp-beacon.min.js' async></script><script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this._removeAnimationSettings(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(s)})}_listAnimationSettingsKeys(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorAnimation.run);</script></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->