<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BUUB — O Portal no Jardim</title>
<meta name="description" content="O que ele encontrou no jardim?">
<meta name="keywords" content="buub, jogo de adivinhação, palavra secreta, histórias curtas, jogo casual, adivinhe a palavra, enigmas online">
<meta name="author" content="buub.com.br">
<meta name="robots" content="index,follow">
<meta name="google-adsense-account" content="ca-pub-7595871759959382">
<!-- Canonical -->
<link rel="canonical" href="https://www.buub.com.br/historia/125-o-portal-no-jardim">
<!-- Open Graph -->
<meta property="og:title" content="BUUB — O Portal no Jardim">
<meta property="og:description" content="O que ele encontrou no jardim?">
<meta property="og:url" content="https://www.buub.com.br/historia/125-o-portal-no-jardim">
<meta property="og:type" content="article">
<meta property="og:image" content="https://www.buub.com.br/logo.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="BUUB — O Portal no Jardim">
<meta name="twitter:description" content="O que ele encontrou no jardim?">
<meta name="twitter:image" content="https://www.buub.com.br/logo.png">
<!-- JSON-LD: Article -->
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"Article",
"headline": "O Portal no Jardim",
"datePublished": "2025-09-10T02:56:32-03:00",
"dateModified": "2025-09-10T02:56:32-03:00",
"author": { "@type":"Organization", "name":"BUUB" },
"publisher": { "@type":"Organization", "name":"BUUB",
"logo": { "@type":"ImageObject", "url":"https://www.buub.com.br/logo.png" }
},
"mainEntityOfPage": "https://www.buub.com.br/historia/125-o-portal-no-jardim",
"url": "https://www.buub.com.br/historia/125-o-portal-no-jardim"
}
</script>
<!-- JSON-LD: Breadcrumbs -->
<script type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"BreadcrumbList",
"itemListElement":[
{"@type":"ListItem","position":1,"name":"Início","item":"https://www.buub.com.br/"},
{"@type":"ListItem","position":2,"name":"Histórias","item":"https://www.buub.com.br/historias"},
{"@type":"ListItem","position":3,"name":"O Portal no Jardim","item":"https://www.buub.com.br/historia/125-o-portal-no-jardim"}
]
}
</script>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7595871759959382" crossorigin="anonymous"></script>
<style>
body {font-family:'Poppins',sans-serif;margin:0;padding:0;transition:background .3s,color .3s;}
.container {max-width:700px;margin:60px auto;padding:20px;text-align:center;border-radius:10px;}
.tema-toggle {position:absolute;top:15px;right:20px;font-size:24px;background:none;border:none;cursor:pointer;}
input[type="text"]{padding:10px;width:80%;font-size:1.1em;border-radius:5px;border:1px solid #ccc;}
button{margin:10px;padding:10px 20px;font-size:1em;border-radius:5px;border:none;cursor:pointer;}
.feedback{font-weight:bold;margin-top:20px;}
body.claro{background-color:#fff;color:#222;}
body.escuro{background-color:#121212;color:#fff;}
body.claro .botao{background-color:#00c4b4;color:#fff;}
body.escuro .botao{background-color:#ff2d95;color:#fff;}
h2{color:#D8B4F8;}
button[name="revelar"]{transition:background-color .3s,transform .3s;}
button[name="revelar"]:hover{background-color:#ff2d95;transform:scale(1.1);}
</style>
<script>
// Bloqueios básicos (opcional)
document.addEventListener('contextmenu', e => e.preventDefault());
document.addEventListener('keydown', function(e){
if (e.ctrlKey && (e.key==='u' || e.key==='U')) e.preventDefault();
if (e.keyCode === 123) e.preventDefault();
if (e.ctrlKey && e.shiftKey && e.keyCode === 73) e.preventDefault();
});
</script>
</head>
<body class="escuro">
<button class="tema-toggle" onclick="alternarTema()">🌙</button>
<div class="container">
<div style="text-align:center; margin-top:0;">
<a href="https://www.buub.com.br" style="text-decoration:none;">
<h1 style="font-family:'Arial Black',sans-serif;font-size:40px;background:linear-gradient(90deg,#FFD700,#FF00FF,#00FFFF,#FF4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px rgba(0,0,0,0.4);letter-spacing:5px;margin:0;">BUUB</h1>
</a>
</div>
<h1>Descubra a Palavra Secreta</h1>
<h2>O Portal no Jardim</h2>
<p>Durante uma noite de lua cheia, Lucas ouviu vozes em seu jardim. Quando foi investigar, encontrou um círculo de pedras antigas que, quando tocadas, o levaram a um campo cheio de luzes cintilantes e figuras misteriosas.</p>
<p><strong>O que ele encontrou no jardim?</strong></p>
<form method="POST" id="formResposta" action="/?utm_source=dahora.net">
<input type="text" name="resposta" placeholder="Digite sua resposta..." required>
<button type="submit" class="botao">Verificar</button>
</form>
<div class="feedback"></div>
<form method="POST" action="/?utm_source=dahora.net">
<button name="revelar" class="botao">Revelar Palavra</button>
</form>
<form method="POST" action="/?utm_source=dahora.net">
<button name="proxima_historia" class="botao" style="background-color:#D8B4F8;color:black;padding:10px 20px;border:none;border-radius:5px;">Próxima História</button>
</form>
<!-- Compartilhar -->
<div style="margin-top:20px;">
<p>Compartilhar:</p>
<a href="https://api.whatsapp.com/send?text=Veja+v%C3%A1rias+hist%C3%B3rias+no+BUUB.COM.BR%3A+https%3A%2F%2Fwww.buub.com.br%2Fhistoria%2F125-o-portal-no-jardim" target="_blank" style="margin:0 5px;">
<img src="https://cdn-icons-png.flaticon.com/24/733/733585.png" alt="WhatsApp">
</a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.buub.com.br%2Fhistoria%2F125-o-portal-no-jardim" target="_blank" style="margin:0 5px;">
<img src="https://cdn-icons-png.flaticon.com/24/733/733547.png" alt="Facebook">
</a>
<a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.buub.com.br%2Fhistoria%2F125-o-portal-no-jardim&text=Veja+v%C3%A1rias+hist%C3%B3rias+no+BUUB.COM.BR" target="_blank" style="margin:0 5px;">
<img src="https://cdn-icons-png.flaticon.com/24/733/733579.png" alt="Twitter">
</a>
</div>
</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7595871759959382" crossorigin="anonymous"></script>
<footer style="text-align:center;padding:30px 10px;font-size:.9em;color:#999;line-height:1.6;">
<p>
Descubra palavras, viaje por histórias —
<a href="https://www.buub.com.br" style="color:inherit;text-decoration:underline;">buub.com.br</a>
</p>
<p style="margin:8px 0;">
<a href="https://www.buub.com.br/contact.php" style="color:inherit;text-decoration:underline;">Contato</a> ·
<a href="https://www.buub.com.br/about.php" style="color:inherit;text-decoration:underline;">Sobre</a> ·
<a href="https://www.buub.com.br/privacy.php" style="color:inherit;text-decoration:underline;">Privacidade</a> ·
<a href="https://www.buub.com.br/terms.php" style="color:inherit;text-decoration:underline;">Termos</a> ·
<a href="https://www.buub.com.br/disclaimer.php" style="color:inherit;text-decoration:underline;">Aviso Legal</a>
</p>
<p style="margin-top:8px;color:#aaa;">
© 2025 BUUB — Todos os direitos reservados. |
Conteúdo de entretenimento — <strong>Classificação 13+</strong>
</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
<script>
const MSG = "";
if (MSG.includes('Acertou')) { confetti(); }
const body = document.body;
const botaoTema = document.querySelector('.tema-toggle');
const temaSalvo = localStorage.getItem('tema');
if (temaSalvo) {
body.classList.remove('claro','escuro');
body.classList.add(temaSalvo);
botaoTema.textContent = (temaSalvo === 'claro' ? '🌞' : '🌙');
}
function alternarTema() {
if (body.classList.contains('escuro')) {
body.classList.replace('escuro','claro');
localStorage.setItem('tema','claro');
botaoTema.textContent = '🌞';
} else {
body.classList.replace('claro','escuro');
localStorage.setItem('tema','escuro');
botaoTema.textContent = '🌙';
}
}
</script>
<!-- ===== BUUB: Aviso de Idade / Age Gate ===== -->
<style>
:root{
--buub-bg: rgba(8,10,16,.94);
--buub-card:#121725;
--buub-text:#eaeaea;
--buub-muted:#a7adbb;
--buub-link:#7ab5ff;
--buub-border:#2a3250;
--buub-grad-1:#FFD700; --buub-grad-2:#FF00FF; --buub-grad-3:#00FFFF; --buub-grad-4:#FF4500;
}
#buub-agegate{
position:fixed; inset:0;
background:var(--buub-bg);
display:none; align-items:center; justify-content:center; z-index:99999;
backdrop-filter: blur(2px);
}
#buub-agegate[aria-hidden="false"]{ display:flex; }
.buub-agegate__card{
width:min(92vw,520px);
background:var(--buub-card);
color:var(--buub-text);
border:1px solid var(--buub-border);
border-radius:16px;
padding:24px 20px;
text-align:center;
box-shadow:0 18px 40px rgba(0,0,0,.55);
}
.buub-agegate__logo{
font-weight:800; font-size:24px; letter-spacing:1px; margin:0 0 6px;
background:linear-gradient(90deg,var(--buub-grad-1),var(--buub-grad-2),var(--buub-grad-3),var(--buub-grad-4));
-webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.buub-agegate__title{ font-size:20px; margin:6px 0 10px; }
.buub-agegate__text{ color:var(--buub-muted); line-height:1.6; margin:0 0 14px; }
.buub-agegate__cta{
display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:12px;
}
.buub-btn{
border:none; border-radius:12px; padding:12px 16px; cursor:pointer; font-weight:700;
transition:transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
.buub-btn--confirm{
color:#fff;
background:linear-gradient(90deg,#00c6ff,#7a00ff);
box-shadow:0 0 14px rgba(122,0,255,.55);
}
.buub-btn--confirm:hover{
filter:brightness(1.05); transform:translateY(-1px);
box-shadow:0 0 18px rgba(122,0,255,.7);
}
.buub-btn--exit{ background:#222a38; color:#eaeaea; border:1px solid #2b3b5a; }
.buub-btn--exit:hover{ filter:brightness(1.05); }
.buub-agegate__links{ font-size:.9em; margin-top:10px; }
.buub-agegate__links a{ color:var(--buub-link); text-decoration:none; }
.buub-agegate__links a:hover{ text-decoration:underline; }
@media (max-width:380px){ .buub-agegate__cta{ flex-direction:column; } }
</style>
<div id="buub-agegate" role="dialog" aria-modal="true" aria-hidden="true" aria-labelledby="buub-agegate-title" aria-describedby="buub-agegate-text">
<div class="buub-agegate__card" role="document">
<div class="buub-agegate__logo">BUUB</div>
<h2 id="buub-agegate-title" class="buub-agegate__title">⚠️ Aviso de Idade</h2>
<p class="buub-agegate__text" id="buub-agegate-text">
As histórias do <strong>BUUB</strong> são <em>obras de ficção</em>, criadas apenas para entretenimento.
Algumas podem conter mistério ou suspense leve, por isso o acesso é recomendado para <strong>maiores de 13 anos</strong>.
</p>
<div class="buub-agegate__cta">
<button type="button" class="buub-btn buub-btn--confirm" id="buub-agegate-confirm">Tenho 13 anos ou mais</button>
<a href="https://www.google.com.br" class="buub-btn buub-btn--exit" id="buub-agegate-exit">Sair</a>
</div>
<div class="buub-agegate__links">
<a href="https://www.buub.com.br/privacy.php">Privacidade</a> ·
<a href="https://www.buub.com.br/terms.php">Termos</a> ·
<a href="https://www.buub.com.br/disclaimer.php">Aviso Legal</a>
</div>
</div>
</div>
<script>
(function(){
const AG_KEY = 'buub-age-confirm-v3'; // chave nova
const AG_DAYS = 1; // ✅ 24 horas
const LEGAL_PATHS = ['/privacy.php','/terms.php','/disclaimer.php','/contact.php'];
const $overlay = document.getElementById('buub-agegate');
const $confirm = document.getElementById('buub-agegate-confirm');
const $title = document.getElementById('buub-agegate-title');
const $text = document.getElementById('buub-agegate-text');
const $exit = document.getElementById('buub-agegate-exit');
// i18n simples PT/EN
const lang = (navigator.language || 'pt').toLowerCase();
if (lang.startsWith('en')) {
if ($title) $title.textContent = '⚠️ Age Notice';
if ($text) $text.innerHTML =
'BUUB stories are <em>fictional works</em> created solely for entertainment. '+
'Some may include light mystery or suspense, therefore access is recommended for <strong>ages 13+</strong>.';
if ($confirm) $confirm.textContent = 'I am 13 or older';
if ($exit) $exit.textContent = 'Leave';
}
const path = (location.pathname || '').toLowerCase();
const isLegalPage = LEGAL_PATHS.some(p => path.endsWith(p));
function lsSetWithExpiry(k, v, days){ localStorage.setItem(k, JSON.stringify({v, exp: Date.now() + days*864e5})); }
function lsValid(k){
const raw = localStorage.getItem(k); if (!raw) return false;
try{ const obj = JSON.parse(raw); return obj && obj.exp && obj.exp > Date.now(); }catch(e){ return false; }
}
if (!isLegalPage && !lsValid(AG_KEY)) {
$overlay.setAttribute('aria-hidden','false');
document.body.style.overflow = 'hidden';
setTimeout(()=>{ try{$confirm && $confirm.focus();}catch(e){} }, 50);
}
$confirm && $confirm.addEventListener('click', ()=>{
try { lsSetWithExpiry(AG_KEY, 'ok', AG_DAYS); } catch(e){}
try { fetch('https://www.buub.com.br/age-ok.php', {method:'POST', credentials:'include'}).catch(()=>{}); } catch(e){}
$overlay.setAttribute('aria-hidden','true');
document.body.style.overflow = '';
});
$exit && $exit.addEventListener('click', ()=>{
$overlay.setAttribute('aria-hidden','true');
document.body.style.overflow = '';
});
document.addEventListener('keydown', (e)=>{
if ($overlay.getAttribute('aria-hidden')==='false' && e.key === 'Escape'){
$overlay.setAttribute('aria-hidden','true');
document.body.style.overflow = '';
}
});
})();
</script>
<!-- ===== /BUUB: Aviso de Idade ===== -->
</body>
</html>