Norte

Norte

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Container de Largura Total</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background-color: #f5f7f9;
padding: 20px;
font-family: Arial, sans-serif;
}

.container-full-width {
width: 100%;
min-height: 300px;
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin: 20px 0;
padding: 20px;
}
</style>
</head>
<body>
<div class="container-full-width">
<!DOCTYPE html> <html lang="pt"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Receitas Tradicionais e Originais Portuguesas</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background-color: #f9f7f2; color: #4a3c2a; line-height: 1.5; padding: 20px; } .container { max-width: 1000px; margin: 0 auto; background: white; border-radius: 15px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); overflow: hidden; } /* Header */ header { background: linear-gradient(to right, #8a5d3b, #d9a066); color: white; padding: 25px; text-align: center; } header h1 { font-size: 2.2rem; margin-bottom: 10px; } header p { font-size: 1.1rem; max-width: 600px; margin: 0 auto; } /* Menu de Navegação */ .menu-navegacao { background: #4a3c2a; padding: 12px; display: flex; justify-content: center; flex-wrap: wrap; } .menu-navegacao button { background: #d9a066; color: #4a3c2a; border: none; padding: 10px 18px; margin: 4px; border-radius: 30px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; font-size: 0.95rem; } .menu-navegacao button:hover { background: #ffb574; transform: translateY(-2px); } .menu-navegacao button.active { background: #ff9d2d; color: white; } /* Conteúdo Principal */ .conteudo-principal { padding: 25px; } /* Seção de Receita */ .secao-receita { display: block; } .cabecalho-receita { text-align: center; margin-bottom: 20px; } .cabecalho-receita h2 { color: #8a5d3b; font-size: 1.9rem; margin-bottom: 12px; } .info-receita { display: flex; justify-content: center; gap: 15px; margin-bottom: 15px; flex-wrap: wrap; font-size: 0.9rem; } .info-item { display: flex; align-items: center; gap: 5px; } .info-item i { color: #8a5d3b; } .conteudo-receita { display: flex; gap: 25px; margin-bottom: 25px; flex-wrap: wrap; } .imagem-receita { flex: 1; min-width: 280px; text-align: center; } .imagem-receita img { width: 280px; height: 280px; object-fit: cover; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .ingredientes { flex: 1; min-width: 280px; } .ingredientes h3 { color: #8a5d3b; margin-bottom: 12px; font-size: 1.4rem; } .lista-ingredientes { list-style: none; } .lista-ingredientes li { margin-bottom: 8px; display: flex; align-items: center; gap: 8px; font-size: 0.95rem; } .lista-ingredientes .icone { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; background: #f5e9d9; border-radius: 50%; color: #8a5d3b; font-size: 0.9rem; } .modo-preparo { width: 100%; } .modo-preparo h3 { color: #8a5d3b; margin-bottom: 12px; font-size: 1.4rem; } .lista-preparo { padding-left: 18px; } .lista-preparo li { margin-bottom: 12px; line-height: 1.5; font-size: 0.95rem; } /* Seções de Conteúdo */ .secao-conteudo { display: none; padding: 18px; background: #f9f5f0; border-radius: 10px; margin-bottom: 18px; font-size: 0.95rem; } .secao-conteudo h2 { color: #8a5d3b; margin-bottom: 12px; font-size: 1.6rem; } .secao-conteudo h3 { color: #8a5d3b; margin: 15px 0 10px; font-size: 1.3rem; } .secao-conteudo p { margin-bottom: 12px; } /* Cards de Sugestões */ .cards-sugestoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; margin-top: 18px; } .card-sugestao { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .card-sugestao:hover { transform: translateY(-5px); } .card-sugestao img { width: 100%; height: 180px; object-fit: cover; } .card-conteudo { padding: 15px; } .card-conteudo h3 { color: #8a5d3b; margin-bottom: 8px; font-size: 1.1rem; } .card-conteudo p { color: #5a4a3a; font-size: 0.85rem; } /* Informação Nutricional */ .tabela-nutricao { width: 100%; border-collapse: collapse; margin-top: 18px; font-size: 0.9rem; } .tabela-nutricao th, .tabela-nutricao td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } .tabela-nutricao th { background: #f5e9d9; color: #8a5d3b; } /* Modos de Impressão */ .modos-impressao { display: flex; justify-content: center; gap: 12px; margin: 25px 0; } .modo-btn { padding: 10px 18px; background: #8a5d3b; color: white; border: none; border-radius: 5px; cursor: pointer; font-weight: 600; transition: background 0.3s ease; font-size: 0.9rem; } .modo-btn:hover { background: #6d4a2f; } /* Footer */ footer { background: #4a3c2a; color: #d9a066; text-align: center; padding: 18px; margin-top: 18px; font-size: 0.9rem; } .creditos { margin-top: 8px; font-style: italic; } /* Responsivo */ @media (max-width: 768px) { .conteudo-receita { flex-direction: column; } .imagem-receita, .ingredientes { min-width: 100%; } .imagem-receita img { width: 100%; max-width: 280px; } header h1 { font-size: 1.9rem; } .cards-sugestoes { grid-template-columns: 1fr; } .menu-navegacao button { padding: 8px 14px; font-size: 0.85rem; } } /* Estilos para impressão */ @media print { body { background: white; padding: 0; font-size: 11pt; line-height: 1.3; } .container { width: 100%; margin: 0; padding: 0; box-shadow: none; border-radius: 0; } header, .menu-navegacao, .modos-impressao, footer { display: none; } .conteudo-principal { padding: 15px; } .secao-conteudo { display: block !important; page-break-inside: avoid; background: none; padding: 10px 0; margin-bottom: 15px; } .secao-receita { display: block; } .cabecalho-receita h2 { font-size: 16pt; margin-bottom: 8px; } .info-receita { margin-bottom: 12px; font-size: 10pt; } .conteudo-receita { margin-bottom: 15px; } .imagem-receita img { width: 200px; height: 200px; } .ingredientes h3, .modo-preparo h3 { font-size: 13pt; } .lista-ingredientes li, .lista-preparo li { font-size: 10pt; margin-bottom: 6px; } .lista-preparo li { margin-bottom: 8px; } .secao-conteudo h2 { font-size: 14pt; } .secao-conteudo h3 { font-size: 12pt; } .secao-conteudo p { font-size: 10pt; margin-bottom: 8px; } .tabela-nutricao { font-size: 9pt; } .cards-sugestoes { grid-template-columns: repeat(2, 1fr); gap: 10px; } .card-sugestao { page-break-inside: avoid; } .card-sugestao img { height: 120px; } .card-conteudo h3 { font-size: 10pt; } .card-conteudo p { font-size: 9pt; } /* Mostrar URL após impressão */ .url-impressao { display: block; text-align: center; font-size: 9pt; color: #777; margin-top: 15px; } } /* Não mostrar URL no navegador */ .url-impressao { display: none; } </style> </head> <body> <div class="container"> <header> <h1><i class="fas fa-utensils"></i> Receitas Tradicionais e Originais</h1> <p>PannteraGruel comprometida em preservar a autenticidade e a tradição de nossos avós</p> </header> <div class="menu-navegacao"> <button class="active" onclick="mostrarSecao('receita')"><i class="fas fa-book-open"></i> Receita</button> <button onclick="mostrarSecao('origem')"><i class="fas fa-landmark"></i> Origem & História</button> <button onclick="mostrarSecao('nutricao')"><i class="fas fa-apple-alt"></i> Valor Nutricional</button> <button onclick="mostrarSecao('sugestoes')"><i class="fas fa-lightbulb"></i> Sugestões</button> </div> <div class="conteudo-principal">  <div id="receita" class="secao-receita"> <div class="cabecalho-receita"> <h2>Rojões à Minhota</h2> <div class="info-receita"> <div class="info-item"> <i class="fas fa-star"></i> <span>Classificação: 4.9/5</span> </div> <div class="info-item"> <i class="fas fa-tachometer-alt"></i> <span>Dificuldade: Médio</span> </div> <div class="info-item"> <i class="fas fa-clock"></i> <span>Tempo: 5h45</span> </div> <div class="info-item"> <i class="fas fa-users"></i> <span>Porções: 6</span> </div> </div> </div> <div class="conteudo-receita"> <div class="imagem-receita"> <img src="https://placehold.co/400x400/8a5d3b/white?text=Rojões+à+Minhota" alt="Rojões à Minhota"> </div> <div class="ingredientes"> <h3>Ingredientes</h3> <ul class="lista-ingredientes"> <li><span class="icone"><i class="fas fa-drumstick-bite"></i></span> 1,5 kg de carne de porco para rojões</li> <li><span class="icone"><i class="fas fa-bacon"></i></span> 300g de entranha de porco</li> <li><span class="icone"><i class="fas fa-garlic"></i></span> 4 dentes de alho esmagados</li> <li><span class="icone"><i class="fas fa-leaf"></i></span> 2 folhas de louro</li> <li><span class="icone"><i class="fas fa-onion"></i></span> 2 cebolas médias</li> <li><span class="icone"><i class="fas fa-wine-bottle"></i></span> 3 dl de Vinho Verde branco</li> <li><span class="icone"><i class="fas fa-glass-whiskey"></i></span> 1 dl de aguardente bagaceira</li> <li><span class="icone"><i class="fas fa-mortar-pestle"></i></span> Sal, colorau e pimenta q.b.</li> </ul> </div> </div> <div class="modo-preparo"> <h3>Modo de Preparação</h3> <ol class="lista-preparo"> <li><strong>Temperar a carne:</strong> Num alguidar, junte os cubos de porco e a entranha com os alhos esmagados, a cebola cortada em meias-luas, o louro, o colorau, a pimenta, o sal, o vinho verde e a aguardente. Deixe marinar por pelo menos 4 horas, de preferência durante a noite no frigorífico.</li> <li><strong>Escaldar a carne:</strong> Retire a carne da marinada (reservando o líquido) e passe-a por água a ferver durante 2 minutos. Esta técnica ajuda a eliminar impurezas e a garantir que a carne fica mais estaladiça depois. Escorra bem.</li> <li><strong>Cozer:</strong> Numa panela de pressão ou caçarola de ferro, derreta um pouco de gordura de porco. Adicione a carne escorrida e aloure ligeiramente. Deixe cozinhar em lume brando durante 45-60 minutos (ou 20-25 min na panela de pressão), com a tampa semi-tapada, até a carne estar tenra. Vá adicionando o caldo da marinada pouco a pouco, como se fosse um risotto.</li> <li><strong>Alourar:</strong> Quando o caldo estiver quase seco e a carne estiver cozida, aumente o lume para médio-alto para alourar e fritar os rojões na sua própria gordura, mexendo ocasionalmente até ficarem dourados e crocantes por fora.</li> <li><strong>Servir:</strong> Sirva os rojões bem quentes, tradicionalmente com arroz de sarrabulho, papas de sarrabulho ou batatas cozidas com grelos.</li> </ol> </div> </div>  <div id="origem" class="secao-conteudo"> <h2>Origem & História dos Rojões à Minhota</h2> <p>Os Rojões são um dos pilares da gastronomia Minhota, com especial tradição na região de Braga e nas festas do São João. A receita nasceu da necessidade de aproveitar todas as partes do porco, incluindo as entranhas, após a matança do porco.</p> <p>A marinada em Vinho Verde, típico da região, é o que distingue esta preparação de outras similares em Portugal. Era o prato de celebração, servido nas largas mesas de festa aos familiares e amigos que ajudavam na matança.</p> <h3>História da Receita</h3> <p>Os Rojões à Minhota são mais do que um prato; são um ritual social. A sua história está intrinsecamente ligada à "Matança do Porco", um evento central na vida rural minhota que reunia a família e a comunidade no inverno.</p> <p>Após o trabalho de desmanchar o animal, as peças menos nobres e a gordura eram utilizadas de imediato para alimentar todos os presentes. A marinada em vinho ácido (o antepassado do moderno Vinho Verde) e alho ajudava a conservar a carne e a disfarçar sabores mais fortes das vísceras.</p> <p>Com o tempo, o prato saiu do contexto da matança e tornou-se o rei dos tabuleiros nas festas populares de Braga, especialmente no São João, onde é tão emblemático como o manjerico e os martelinhos.</p> <h3>Fontes e Referências</h3> <p>As informações históricas foram recolhidas de:</p> <ul> <li>"Culinária Regional Portuguesa" de Maria de Lourdes Modesto</li> <li>Arquivo Municipal de Braga - Documentação sobre tradições gastronómicas</li> <li>Entrevistas com chefs tradicionais da região do Minho</li> </ul> </div>  <div id="nutricao" class="secao-conteudo"> <h2>Valor Nutricional</h2> <p>Informação nutricional por porção (aproximadamente 350g):</p> <table class="tabela-nutricao"> <tr> <th>Nutriente</th> <th>Quantidade</th> <th>% Valor Diário</th> </tr> <tr> <td>Calorias</td> <td>620 kcal</td> <td>31%</td> </tr> <tr> <td>Gorduras Totais</td> <td>45g</td> <td>58%</td> </tr> <tr> <td>Gorduras Saturadas</td> <td>16g</td> <td>80%</td> </tr> <tr> <td>Colesterol</td> <td>120mg</td> <td>40%</td> </tr> <tr> <td>Sódio</td> <td>850mg</td> <td>35%</td> </tr> <tr> <td>Carboidratos</td> <td>15g</td> <td>5%</td> </tr> <tr> <td>Proteínas</td> <td>35g</td> <td>70%</td> </tr> <tr> <td>Ferro</td> <td>3.5mg</td> <td>19%</td> </tr> </table> <h3>Recomendações Dietéticas</h3> <p><strong>Para dieta de baixo colesterol:</strong> Reduzir a quantidade de entranha e usar cortes mais magros de porco.</p> <p><strong>Versão com menos sódio:</strong> Reduzir a quantidade de sal na marinada e durante o cozimento.</p> <p><strong>Para intolerantes à lactose:</strong> Esta receita não contém lactose.</p> <p><strong>Para celíacos:</strong> Esta receita é naturalmente sem glúten. Verificar os ingredientes secundários como o colorau para garantir que não contêm glúten.</p> <h3>Adaptações Especiais</h3> <p><strong>Versão light:</strong> Utilize apenas carne magra de porco, aumente a quantidade de legumes e utilize menos gordura na confeção.</p> <p><strong>Versão vegetariana:</strong> Substitua a carne por seitan ou tofu temperado, e a entranha por cogumelos shiitake.</p> </div>  <div id="sugestoes" class="secao-conteudo"> <h2>Sugestões de Acompanhamentos</h2> <p>Descubra outras receitas que combinam perfeitamente com os Rojões à Minhota:</p> <div class="cards-sugestoes"> <div class="card-sugestao"> <img src="https://placehold.co/400x400/d9a066/white?text=Papas+de+Sarrabulho" alt="Papas de Sarrabulho"> <div class="card-conteudo"> <h3>Papas de Sarrabulho</h3> <p>O clássico absoluto do Minho. Uma papa densa e saborosa feita com o sangue do porco e várias carnes.</p> </div> </div> <div class="card-sugestao"> <img src="https://placehold.co/400x400/8a5d3b/white?text=Vinho+Verde+Alvarinho" alt="Vinho Verde Alvarinho"> <div class="card-conteudo"> <h3>Vinho Verde Alvarinho</h3> <p>O Vinho Verde Alvarinho, especialmente de Monção e Melgaço, é o parceiro ideal para este prato.</p> </div> </div> <div class="card-sugestao"> <img src="https://placehold.co/400x400/4a3c2a/white?text=Arroz+de+Sarrabulho" alt="Arroz de Sarrabulho"> <div class="card-conteudo"> <h3>Arroz de Sarrabulho</h3> <p>Um arroz rico e saboroso que complementa perfeitamente os sabores intensos dos rojões.</p> </div> </div> <div class="card-sugestao"> <img src="https://placehold.co/400x400/d9a066/white?text=Batatas+com+Grelos" alt="Batatas com Grelos"> <div class="card-conteudo"> <h3>Batatas com Grelos</h3> <p>Simples e tradicional, este acompanhamento equilibra a riqueza dos rojões com verduras frescas.</p> </div> </div> <div class="card-sugestao"> <img src="https://placehold.co/400x400/8a5d3b/white?text=Licor+de+Ginja" alt="Licor de Ginja"> <div class="card-conteudo"> <h3>Licor de Ginja</h3> <p>Um digestivo perfeito para finalizar a refeição, com seu sabor adocicado e aroma intenso.</p> </div> </div> <div class="card-sugestao"> <img src="https://placehold.co/400x400/4a3c2a/white?text=Broa+de+Milho" alt="Broa de Milho"> <div class="card-conteudo"> <h3>Broa de Milho</h3> <p>O pão tradicional português que é perfeito para aproveitar todo o molho dos rojões.</p> </div> </div> </div> </div>  <div class="modos-impressao"> <button class="modo-btn" onclick="window.print()"><i class="fas fa-print"></i> Imprimir Receita</button> </div>  <div class="url-impressao"> Fonte: www.panteragruel.com/receitas/rojoes-a-minhota </div> </div> <footer> <p>Arquivo de Receitas Tradicionais por Concelho © 2025</p> <p class="creditos">Desenvolvido com harmonia entre humano e IA DeepSeek</p> </footer> </div> <script> // Função para mostrar a seção selecionada function mostrarSecao(secaoId) { // Oculta todas as seções document.querySelectorAll('.secao-receita, .secao-conteudo').forEach(secao => { secao.style.display = 'none'; }); // Mostra a seção selecionada document.getElementById(secaoId).style.display = 'block'; // Atualiza o botão ativo document.querySelectorAll('.menu-navegacao button').forEach(botao => { botao.classList.remove('active'); }); event.target.classList.add('active'); } // Inicializa a página mostrando a seção de receita document.addEventListener('DOMContentLoaded', function() { mostrarSecao('receita'); }); </script> </body> </html>

</div>
</body>
</html>