<!DOCTYPE html>
<html lang="pt">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog - Tecnologia Livre</title>
    
    <meta name="description" content="">
    <meta name="author" content="Tecnologia Livre">

    <meta property="og:type" content="website">
    <meta property="og:title" content="Blog">
    <meta property="og:description" content="">
    <meta property="og:site_name" content="Tecnologia Livre">
    <link rel="canonical" href="https://tecnologialivre.com.br/blog/" />

    
    <meta name="twitter:card" content="summary">
    

    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
    <link rel="dns-prefetch" href="https://cdn.jsdelivr.net">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" media="print" onload="this.media='all'">
    <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"></noscript>

    

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebPage",
      "name": "Blog",
      "description": "",
      "url": "https://tecnologialivre.com.br/blog/",
      "publisher": {
        "@type": "Organization",
        "name": "Tecnologia Livre"
        
      }
    }
    </script>

</head>
<body class="d-flex flex-column min-vh-100">

    <nav class="navbar navbar-expand-lg navbar-dark shadow" style="background-color: #2b5c92;">
        <div class="container py-1 py-lg-2">

            <a class="navbar-brand fw-bold d-flex align-items-center me-lg-5" href="/">
                
                    <span class="fs-4 tracking-wide">Tecnologia Livre</span>
                
            </a>

            <button class="navbar-toggler border-0 shadow-none p-1" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Alternar menu de navegação">
                <i class="bi bi-list text-white" style="font-size: 1.8rem;"></i>
            </button>

            <div class="collapse navbar-collapse" id="navbarNav">

                <ul class="navbar-nav me-auto gap-1 gap-lg-3">
                    
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/" style="font-size: 0.95rem;">Início</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/novidades/" style="font-size: 0.95rem;">Novidades</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/truques/" style="font-size: 0.95rem;">Truques</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/aplicativos-e-ferramentas/" style="font-size: 0.95rem;">Aplicativos e Ferramentas</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/produtos/" style="font-size: 0.95rem;">Produtos</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/tecnologia/" style="font-size: 0.95rem;">Tecnologia</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/tutoriais/" style="font-size: 0.95rem;">Tutoriais</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/game/" style="font-size: 0.95rem;">Game</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/acalasia/" style="font-size: 0.95rem;">Acalasia</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/anemia-ferropriva/" style="font-size: 0.95rem;">anemia ferropriva</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/antiagregantes-plaquetarios/" style="font-size: 0.95rem;">Antiagregantes plaquetários</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/anueria/" style="font-size: 0.95rem;">anueria</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/anuria/" style="font-size: 0.95rem;">anúria</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/anuria-2/" style="font-size: 0.95rem;">anuria</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/batom/" style="font-size: 0.95rem;">batom</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/cid/" style="font-size: 0.95rem;">cid</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/cirurgias/" style="font-size: 0.95rem;">cirurgias</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/como-medir-pressao/" style="font-size: 0.95rem;">como medir pressao</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/designer/" style="font-size: 0.95rem;">Designer</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/dialise-peritoneal/" style="font-size: 0.95rem;">Diálise Peritoneal</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/dicas/" style="font-size: 0.95rem;">dicas</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/doencas/" style="font-size: 0.95rem;">doenças</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/dor-de-barriga/" style="font-size: 0.95rem;">dor de barriga</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/dor-de-estomago/" style="font-size: 0.95rem;">dor de estomago</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/epis-enfermagem/" style="font-size: 0.95rem;">epis enfermagem</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/esclerose-lateral-amiotrofica-ela/" style="font-size: 0.95rem;">Esclerose Lateral Amiotrófica (ELA) ?</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/escovas-secadoras/" style="font-size: 0.95rem;">escovas secadoras</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/fashion/" style="font-size: 0.95rem;">Fashion</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/gastroenterite/" style="font-size: 0.95rem;">gastroenterite</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/glaucoma/" style="font-size: 0.95rem;">glaucoma</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/glossario-de-enfermagem/" style="font-size: 0.95rem;">glossário de enfermagem</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/infeccao-comunitaria/" style="font-size: 0.95rem;">infecção comunitária</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/infeccao-hospitalar/" style="font-size: 0.95rem;">infecção hospitalar</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/lifestyle/" style="font-size: 0.95rem;">Lifestyle</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/notificacao-compulsoria/" style="font-size: 0.95rem;">notificação compulsória</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/o-que-e/" style="font-size: 0.95rem;">O que é</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/oliguria/" style="font-size: 0.95rem;">oliguria</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/pressao-alta/" style="font-size: 0.95rem;">pressao alta</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/pressao-arterial/" style="font-size: 0.95rem;">pressao arterial</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/salario-de-enfermeiro/" style="font-size: 0.95rem;">salario de enfermeiro</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/terminologia/" style="font-size: 0.95rem;">terminologia</a>
                        </li>
                        
                        <li class="nav-item">
                            <a class="nav-link text-white fw-bold" href="/categoria/terminologias-de-enfermagem/" style="font-size: 0.95rem;">terminologias de enfermagem</a>
                        </li>
                        
                    
                </ul>

                <form class="d-flex position-relative mt-3 mt-lg-0" onsubmit="event.preventDefault();" style="width: 100%; max-width: 320px;">
                    <div class="input-group">
                        <input class="form-control border-0 shadow-none py-2 ps-3" type="search" id="searchInput" placeholder="Pesquisar por..." autocomplete="off" style="font-size: 0.95rem; border-radius: 4px 0 0 4px;">
                        <span class="input-group-text bg-white border-0 text-muted pe-3" style="border-radius: 0 4px 4px 0;">
                            <i class="bi bi-search"></i>
                        </span>
                    </div>

                    <div id="searchResults" class="list-group position-absolute w-100 shadow-lg rounded-3 d-none" style="top: 110%; z-index: 1000; max-height: 350px; overflow-y: auto;"></div>
                </form>

            </div>
        </div>
    </nav>

    <main class="container mt-5 mb-5 flex-grow-1" style="max-width: 800px;">
        <nav aria-label="breadcrumb" class="mb-4">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-muted">Início</a></li>
                <li class="breadcrumb-item active" aria-current="page">Blog</li>
            </ol>
        </nav>

        <article>
            <h1 class="mb-4 display-5 fw-bold">Blog</h1>

            

            <div class="content lh-lg" style="font-size: 1.1rem;">
                
            </div>
        </article>
    </main>

    <footer class="text-light py-5 mt-auto" style="background-color: #212529;">
        <div class="container">
            <div class="row gy-4 text-center text-md-start">

                <div class="col-lg-5 pe-lg-5">
                    <p class="text-uppercase fw-bold mb-3 d-flex align-items-center justify-content-center justify-content-md-start">
                        
                            Tecnologia Livre
                        
                    </p>

                    <p class="text-light opacity-75 small lh-lg mb-0">
                        
                    </p>
                </div>

                <div class="col-lg-3">
                    <p class="text-uppercase fw-bold mb-3 text-white-50" style="font-size: 0.9rem; letter-spacing: 1px;">Navegação</p>
                    <ul class="list-unstyled mb-0 d-flex flex-column gap-2">
                        
                            <li><a href="/" class="text-decoration-none text-light opacity-75 custom-hover"><i class="bi bi-chevron-right small me-1"></i> Início</a></li>
                            
                            <li><a href="/como-baixar-o-whatsapp-gb-atualizado/" class="text-decoration-none text-light opacity-75 custom-hover"><i class="bi bi-chevron-right small me-1"></i> Como Baixar o Whatsapp GB Atualizado</a></li>
                            
                            <li><a href="/blog/" class="text-decoration-none text-light opacity-75 custom-hover"><i class="bi bi-chevron-right small me-1"></i> Blog</a></li>
                            
                            <li><a href="/contato/" class="text-decoration-none text-light opacity-75 custom-hover"><i class="bi bi-chevron-right small me-1"></i> Contato</a></li>
                            
                            <li><a href="/sobre/" class="text-decoration-none text-light opacity-75 custom-hover"><i class="bi bi-chevron-right small me-1"></i> Sobre</a></li>
                            
                            <li><a href="/termos-e-condicoes-de-uso/" class="text-decoration-none text-light opacity-75 custom-hover"><i class="bi bi-chevron-right small me-1"></i> Termos e Condições de Uso</a></li>
                            
                            <li><a href="/politicas-de-privacidade/" class="text-decoration-none text-light opacity-75 custom-hover"><i class="bi bi-chevron-right small me-1"></i> Políticas de Privacidade</a></li>
                            
                        
                    </ul>
                </div>

                <div class="col-lg-4">
                    <p class="text-uppercase fw-bold mb-3 text-white-50" style="font-size: 0.9rem; letter-spacing: 1px;">Siga-nos</p>
                    <div class="d-flex gap-2 justify-content-center justify-content-md-start flex-wrap">

                        

                        

                        

                        

                    </div>
                </div>

            </div>

            <hr class="mt-5 mb-4 border-secondary opacity-25">

            <div class="row align-items-center">
                <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
                    <p class="small mb-0 opacity-75">
                        
                    </p>
                </div>

                <div class="col-md-6 text-center text-md-end">
                    <ul class="list-inline mb-0">
                        
                            
                            

                            
                        
                            
                            

                            
                        
                            
                            

                            
                        
                            
                            

                            
                        
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    

    <style>
        .custom-hover:hover { opacity: 1 !important; text-decoration: underline !important; }
        #searchResults::-webkit-scrollbar { width: 6px; }
        #searchResults::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; }
        /* Melhorias visuais para a leitura */
        .content img { max-width: 100%; height: auto; border-radius: 8px; margin: 1.5rem 0; }
        .content h2, .content h3 { margin-top: 2rem; margin-bottom: 1rem; font-weight: bold; }
    </style>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const searchInput = document.getElementById('searchInput');
            const searchResults = document.getElementById('searchResults');
            let postsData = null;
            let carregandoBanco = false;

            if(searchInput && searchResults) {

                // Só baixa o banco de pesquisa se o usuário clicar no campo!
                searchInput.addEventListener('focus', async () => {
                    if (!postsData && !carregandoBanco) {
                        carregandoBanco = true;
                        try {
                            const response = await fetch('/posts.json');
                            if (response.ok) {
                                postsData = await response.json();
                            }
                        } catch (error) {
                            console.error("Erro ao carregar o banco de pesquisa.");
                        }
                    }
                });

                searchInput.addEventListener('input', (e) => {
                    if (!postsData) return; // Se ainda não baixou, não faz nada

                    const query = e.target.value.toLowerCase().trim();
                    searchResults.innerHTML = '';

                    if (query.length < 2) {
                        searchResults.classList.add('d-none');
                        return;
                    }

                    const filteredPosts = postsData.filter(post => post.title.toLowerCase().includes(query));

                    if (filteredPosts.length > 0) {
                        filteredPosts.forEach(post => {
                            const link = document.createElement('a');
                            link.href = `/${post.slug}/`;
                            link.className = 'list-group-item list-group-item-action d-flex align-items-center border-0 border-bottom';
                            const imgHtml = post.image ? `<img src="${post.image}" class="rounded me-3 object-fit-cover" style="width: 45px; height: 45px;">` : `<div class="bg-secondary rounded me-3 opacity-25" style="width: 45px; height: 45px;"></div>`;
                            link.innerHTML = `${imgHtml}<div class="overflow-hidden"><h6 class="mb-0 text-truncate text-dark fw-bold" style="font-size: 0.9rem;">${post.title}</h6><small class="text-muted" style="font-size: 0.75rem;">${post.date}</small></div>`;
                            searchResults.appendChild(link);
                        });
                        searchResults.classList.remove('d-none');
                    } else {
                        searchResults.innerHTML = '<div class="list-group-item text-muted text-center py-3 border-0 small">Nenhum artigo encontrado.</div>';
                        searchResults.classList.remove('d-none');
                    }
                });

                document.addEventListener('click', (e) => {
                    if (!searchInput.contains(e.target) && !searchResults.contains(e.target)) {
                        searchResults.classList.add('d-none');
                    }
                });
            }
        });
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" defer></script>
    
</body>
</html>