[{"data":1,"prerenderedAt":385},["ShallowReactive",2],{"page:br:parallax":3},[4],{"id":5,"title":6,"body":7,"description":374,"extension":377,"meta":378,"navigation":379,"path":380,"seo":381,"stem":383,"__hash__":384},"page\u002Fbr\u002Fparallax.md","Parallax + Grid",{"type":8,"value":9,"toc":373},"minimark",[10,51,121,149,278,346],[11,12,16],"parallax-section",{"className":13,":hero":15},[14],"hero","true",[17,18,19],"grid-container",{},[20,21,23,32,37,44],"grid-cell",{"size":22},"10,4",[24,25,26],"p",{},[27,28,31],"span",{"className":29},[30],"eyebrow","Nuxt 4 base project",[33,34,36],"h1",{"id":35},"híbrido","Híbrido.",[24,38,39],{},[27,40,43],{"className":41},[42],"lead","Parallax encontra Grid — um arquivo markdown por idioma, todo o design na folha de estilo da página.",[24,45,46],{},[27,47,50],{"className":48},[49],"cue","Role",[11,52,56],{"className":53},[54,55],"section-intro","panel",[17,57,58,69,91,105],{},[20,59,63],{"size":60,"className":61},"12,4",[62],"panel-label",[24,64,65],{},[27,66,68],{"className":67},[30],"01 — Grid dentro do parallax",[20,70,74,79],{"size":71,"className":72},"6,4",[73],"panel-column",[75,76,78],"h2",{"id":77},"coluna-esquerda","Coluna Esquerda",[24,80,81,82,86,87,90],{},"Este conteúdo está dentro de um ",[83,84,85],"code",{},"GridCell"," com ",[83,88,89],{},"size=\"6,4\""," — 6 colunas no desktop, 4 no mobile. O sistema de grid lida com o dimensionamento responsivo automaticamente.",[20,92,94,98],{"size":71,"className":93},[73],[75,95,97],{"id":96},"coluna-direita","Coluna Direita",[24,99,100,101,104],{},"Ambas as colunas estão dentro de um ",[83,102,103],{},"GridContainer",", que também é um bloco MDC. O gutter e a centralização vêm dos mixins de grid — sem CSS customizado.",[20,106,109],{"size":60,"className":107},[108],"panel-footer",[24,110,111,116],{},[27,112,115],{"className":113},[114],"footer-note","Seção vertical",[27,117,120],{"className":118},[119],"footer-meta","GridContainer + GridCell",[11,122,125],{"className":123},[124],"quote",[17,126,127],{},[20,128,130,136,142],{"size":22,"margin":129},"1,0",[24,131,132],{},[27,133,135],{"className":134},[30],"Sobre a autoria",[137,138,139],"blockquote",{},[24,140,141],{},"Layout de grid e efeitos parallax em um único arquivo, escrito inteiramente em markdown.",[24,143,144],{},[27,145,148],{"className":146},[147],"attribution","— Este Arquivo Markdown",[150,151,152,205],"parallax-horizontal-scroll",{},[11,153,157],{"className":154,":wide":15,"depth":156},[155,55],"section-grid-2col","0.3",[17,158,159,168,182,192],{},[20,160,162],{"size":60,"className":161},[62],[24,163,164],{},[27,165,167],{"className":166},[30],"02 — Scroll horizontal",[20,169,171,175],{"size":71,"className":170},[73],[75,172,174],{"id":173},"painel-de-duas-colunas","Painel de Duas Colunas",[24,176,177,178,181],{},"Esta é uma seção parallax que rola horizontalmente — e seu conteúdo respeita o sistema de grid. A prop ",[83,179,180],{},"wide"," remove a restrição de largura máxima.",[20,183,185,189],{"size":71,"className":184},[73],[75,186,188],{"id":187},"grid-dentro-do-parallax","Grid Dentro do Parallax",[24,190,191],{},"Cada coluna se alinha ao mesmo grid do restante da página. Redimensione a janela para ver o comportamento responsivo dentro do scroll horizontal.",[20,193,195],{"size":60,"className":194},[108],[24,196,197,201],{},[27,198,200],{"className":199},[114],"Painel horizontal",[27,202,204],{"className":203},[119],"Slide 1 de 2",[11,206,210],{"className":207,":wide":15,"depth":209},[208,55],"section-grid-3col","0.4",[17,211,212,221,233,256,266],{},[20,213,215],{"size":60,"className":214},[62],[24,216,217],{},[27,218,220],{"className":219},[30],"03 — Três colunas",[20,222,225,230],{"size":223,"className":224},"4,4",[73],[226,227,229],"h3",{"id":228},"card-1","Card 1",[24,231,232],{},"Três colunas iguais dentro do segundo painel horizontal.",[20,234,236,240],{"size":223,"className":235},[73],[226,237,239],{"id":238},"card-2","Card 2",[24,241,242,243,247,248,247,252,255],{},"Formatação markdown funciona: ",[244,245,246],"strong",{},"negrito",", ",[249,250,251],"em",{},"itálico",[83,253,254],{},"código",".",[20,257,259,263],{"size":223,"className":258},[73],[226,260,262],{"id":261},"card-3","Card 3",[24,264,265],{},"Grid + parallax + scroll horizontal — tudo a partir de markdown.",[20,267,269],{"size":60,"className":268},[108],[24,270,271,274],{},[27,272,200],{"className":273},[114],[27,275,277],{"className":276},[119],"Slide 2 de 2",[150,279,282,304,325],{"background-src":280,"background-width":281},"\u002Fvideos\u002Fservices_desktop.mp4","200vw",[11,283,286],{"className":284,":wide":15,":instant":15},[285],"background-demo",[17,287,288],{},[20,289,291,297,301],{"size":290},"5,4",[24,292,293],{},[27,294,296],{"className":295},[30],"04 — #background panorâmico · 01 \u002F 03",[75,298,300],{"id":299},"o-fundo-desliza","O fundo desliza",[24,302,303],{},"Slide 1 — conteúdo na coluna esquerda sobre o fundo que pana.",[11,305,307],{"className":306,":wide":15,":instant":15},[285],[17,308,309],{},[20,310,312,318,322],{"size":290,"margin":311},"7,0",[24,313,314],{},[27,315,317],{"className":316},[30],"04 — #background panorâmico · 02 \u002F 03",[75,319,321],{"id":320},"o-grid-continua-valendo","O grid continua valendo",[24,323,324],{},"Slide 2 — coluna direita; o panorama continua deslizando por trás do texto.",[11,326,328],{"className":327,":wide":15,":instant":15},[285],[17,329,330],{},[20,331,333,339,343],{"size":71,"margin":332},"3,0",[24,334,335],{},[27,336,338],{"className":337},[30],"04 — #background panorâmico · 03 \u002F 03",[75,340,342],{"id":341},"um-vídeo-três-slides","Um vídeo, três slides",[24,344,345],{},"Slide 3 — bloco centralizado quando o panorama alcança a borda direita.",[11,347,351],{"className":348,":overlap":15,"id":350},[349],"section-finale","finale",[17,352,353],{},[20,354,357,363,367],{"size":355,"margin":356},"8,4","2,0",[24,358,359],{},[27,360,362],{"className":361},[30],"Fim",[75,364,366],{"id":365},"é-isso","É isso",[24,368,369],{},[27,370,372],{"className":371},[42],"Seções parallax com layouts de grid, scroll horizontal e citações — tudo escrito em um único arquivo markdown por idioma.",{"title":374,"searchDepth":375,"depth":375,"links":376},"",2,[],"md",{},true,"\u002Fbr\u002Fparallax",{"title":6,"description":382},"Combinando efeitos parallax com layout de grid em um único arquivo markdown.","br\u002Fparallax","PQ3y6VMPrs2HRL-BZbf8xF3O9wHjLbbDLrITn4pWH4Q",1793910491885]