<html b:css='false' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2010/widget' xmlns:data='http://www.google.com/2011/schema' xmlns:expr='http://www.google.com/2010/xslt'> <head> <meta charset='utf-8'/> <meta content='width=device-width,initial-scale=1' name='viewport'/> <title><data:blog.pageName/> - <data:blog.title/></title> <b:skin><![CDATA[ /* ----------------------------------------------- Paleta de Cores do Projeto: - Terracota: #C2452B - Dourado: #D4AF37 - Branco/Off-White: #FFFFFF / #F9F9F9 ----------------------------------------------- */ body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #F9F9F9; color: #333333; margin: 0; padding: 0; } a { color: #C2452B; text-decoration: none; transition: all 0.3s ease; } a:hover { color: #D4AF37; } /* Cabeçalho Personalizável (Suporta Imagem) */ .main-header { background-color: #FFFFFF; padding: 30px 20px; text-align: center; border-bottom: 1px solid #EAEAEA; } .header-container { max-width: 1200px; margin: 0 auto; } .main-header h1 { margin: 0; color: #C2452B; font-size: 38px; font-weight: 700; } .main-header h1 a { color: #C2452B; } .main-header p { margin: 10px 0 0 0; color: #777777; font-size: 15px; } .main-header img { max-width: 100%; height: auto; display: block; margin: 0 auto; } /* Menu de Páginas Horizontal */ .nav-bar { background-color: #C2452B; border-bottom: 3px solid #D4AF37; } .nav-container { max-width: 1200px; margin: 0 auto; } .nav-bar ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; } .nav-bar ul li { margin: 0; } .nav-bar ul li a { display: block; padding: 15px 20px; color: #FFFFFF; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; } .nav-bar ul li a:hover, .nav-bar ul li.selected a { background-color: rgba(0, 0, 0, 0.1); color: #D4AF37; } /* Estrutura Central (Coluna Única) */ .content-wrapper { max-width: 1200px; margin: 45px auto; padding: 0 20px; box-sizing: border-box; } /* Layout do Catálogo Automático (3 em 3) */ .catalog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .catalog-item { background: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.01); display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .catalog-item:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); border-color: #D4AF37; } /* Miniatura da Imagem */ .catalog-thumb { width: 100%; height: 250px; background-color: #F0F0F0; overflow: hidden; } .catalog-thumb img { width: 100%; height: 100%; object-fit: cover; } /* Informações do Item */ .catalog-info { padding: 20px; text-align: center; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .catalog-title { font-size: 18px; font-weight: 600; margin: 0 0 15px 0; line-height: 1.4; } .catalog-title a { color: #333333; } .catalog-title a:hover { color: #C2452B; } .catalog-btn { display: inline-block; background-color: #C2452B; color: #FFFFFF; padding: 10px 20px; border-radius: 4px; font-weight: 600; font-size: 13px; text-transform: uppercase; border: 1px solid transparent; } .catalog-btn:hover { background-color: #FFFFFF; color: #C2452B; border: 1px solid #C2452B; } /* Página Interna (Post Aberto) */ .post-inner { background: #FFFFFF; padding: 40px; border-radius: 8px; border: 1px solid #EAEAEA; } .post-inner h1 { color: #C2452B; margin-top: 0; font-size: 28px; } .post-content { line-height: 1.7; font-size: 16px; } /* Paginação */ #blog-pager { grid-column: span 3; text-align: center; margin-top: 30px; padding: 20px; } .blog-pager-older-link, .blog-pager-newer-link { background: #FFFFFF; border: 1px solid #C2452B; padding: 10px 20px; border-radius: 4px; margin: 0 10px; font-weight: bold; display: inline-block; } .blog-pager-older-link:hover, .blog-pager-newer-link:hover { background: #C2452B; color: #FFFFFF; } /* Rodapé de 3 Colunas */ .main-footer { background-color: #333333; color: #FFFFFF; border-top: 5px solid #D4AF37; margin-top: 60px; padding: 50px 20px 25px 20px; } .footer-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .footer-column h3 { color: #D4AF37; font-size: 18px; text-transform: uppercase; margin-top: 0; margin-bottom: 20px; border-bottom: 2px solid #C2452B; padding-bottom: 8px; display: inline-block; } .footer-column p, .footer-column ul { font-size: 14px; color: #CCCCCC; line-height: 1.6; } .footer-column ul { list-style: none; padding: 0; margin: 0; } .footer-column ul li { margin-bottom: 12px; } .footer-column ul a { color: #CCCCCC; } .footer-column ul a:hover { color: #D4AF37; } .footer-bottom { max-width: 1200px; margin: 40px auto 0 auto; padding-top: 25px; border-top: 1px solid #444444; text-align: center; font-size: 13px; color: #999999; } /* Responsividade */ @media (max-width: 900px) { .catalog-grid { grid-template-columns: repeat(2, 1fr); } #blog-pager { grid-column: span 2; } } @media (max-width: 650px) { .catalog-grid, .footer-container { grid-template-columns: 1fr; } #blog-pager { grid-column: span 1; } .nav-bar ul { justify-content: center; } .post-inner { padding: 20px; } } ]]></b:skin> </head> <body> <!-- 1. Cabeçalho Principal (Suporta Texto ou Upload de Imagem) --> <header class='main-header'> <div class='header-container'> <b:section id='main-header-logo' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Logotipo do Site' type='Header'> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "BEHIND"'> <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); background-position: center; min-height: " + data:height + "px;"'> <h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1> </div> <b:else/> <a expr:href='data:blog.homepageUrl'> <img expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/> </a> </b:if> <b:else/> <h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1> <p><data:description/></p> </b:if> </b:includable> </b:widget> </b:section> </div> </header> <!-- 2. Menu de Páginas Horizontal --> <nav class='nav-bar'> <div class='nav-container'> <b:section id='page-menu-bar' maxwidgets='1' showaddelement='yes'> <b:widget id='PageList1' locked='false' title='Páginas do Catálogo' type='PageList'> <b:includable id='main'> <ul> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li> <b:else/> <li><a expr:href='data:link.href'><data:link.title/></a></li> </b:if> </b:loop> </ul> </b:includable> </b:widget> </b:section> </div> </nav> <!-- Conteúdo Principal em Coluna Única --> <main class='content-wrapper'> <b:section id='main-content-core' maxwidgets='1' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Postagens do Blog' type='Blog'> <b:includable id='main' var='top'> <!-- Se for listagem (Home, Marcadores, Arquivos): Formato de Catálogo --> <b:if cond='data:view.isMultipleItems'> <div class='catalog-grid'> <b:loop values='data:posts' var='post'> <div class='catalog-item'> <!-- Miniatura automática: Pega a primeira imagem do post --> <div class='catalog-thumb'> <a expr:href='data:post.url'> <b:if cond='data:post.firstImageUrl'> <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/> <b:else/> <img alt='Sem Foto' src='https://via.placeholder.com/400x250/F0F0F0/C2452B?text=Sem+Imagem'/> </b:if> </a> </div> <div class='catalog-info'> <h2 class='catalog-title'><a expr:href='data:post.url'><data:post.title/></a></h2> <a class='catalog-btn' expr:href='data:post.url'>Ver Detalhes</a> </div> </div> </b:loop> <!-- Inclusão da paginação limpa --> <b:include name='nextprev'/> </div> <b:else/> <!-- Se for Página Interna (Post ou Página estática aberta) --> <b:loop values='data:posts' var='post'> <article class='post-inner'> <h1><data:post.title/></h1> <div class='post-content'> <data:post.body/> </div> </article> </b:loop> </b:if> </b:includable> <!-- Correção aplicada aqui: Bloco de paginação totalmente fechado --> <b:includable id='nextprev'> <div id='blog-pager'> <b:if cond='data:newerPageUrl'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl'>Página Recente</a> </b:if> <b:if cond='data:olderPageUrl'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl'>Página Anterior</a> </b:if> </div> </b:includable> </b:widget> </b:section> </main> <!-- 3. Rodapé em Três Colunas --> <footer class='main-footer'> <div class='footer-container'> <div class='footer-column'> <b:section id='footer-col-1' maxwidgets='1' showaddelement='yes'> <b:widget id='Text1' locked='false' title='Sobre Nós' type='Text'> <b:includable id='main'> <h3><data:title/></h3> <div class='widget-content'><data:content/></div> </b:includable> </b:widget> </b:section> </div> <div class='footer-column'> <b:section id='footer-col-2' maxwidgets='1' showaddelement='yes'> <b:widget id='LinkList2' locked='false' title='Navegação' type='LinkList'> <b:includable id='main'> <h3><data:title/></h3> <ul> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.target'><data:link.name/></a></li> </b:loop> </ul> </b:includable> </b:widget> </b:section> </div> <div class='footer-column'> <b:section id='footer-col-3' maxwidgets='1' showaddelement='yes'> <b:widget id='Text2' locked='false' title='Contato' type='Text'> <b:includable id='main'> <h3><data:title/></h3> <div class='widget-content'><data:content/></div> </b:includable> </b:widget> </b:section> </div> </div> <div class='footer-bottom'> <p>&copy; 2026 <data:blog.title/> - Todos os direitos reservados.</p> </div> </footer> </body> </html>