<!doctype html>
<html lang="pt-BR" data-bs-theme="light">
<head>
    <meta charset="utf-8">
    <meta name="author" content="OGamer">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">

    <!-- Redirecionar HTTPS para HTTP em ambiente local -->
    <script>
        // Se estiver usando HTTPS em domínio .local, redirecionar para HTTP
        if (window.location.protocol === 'https:' && window.location.hostname.endsWith('.local')) {
            window.location.replace(window.location.href.replace('https:', 'http:'));
        }
    </script>
    
    <!-- CSS Crítico Inline - Estilos essenciais para acima da dobra (reduz FOUC e melhora LCP) -->
    <style>
        html, body {
            margin: 0 !important;
            padding: 0 !important;
        }
        /* Corrigir API obsoleta H1UserAgentFontSizeInSection - definir font-size explícito para h1 em sections */
        section h1,
        article h1,
        nav h1,
        aside h1 {
            font-size: 2em !important; /* Definir explicitamente para evitar API obsoleta */
            margin-block: 0.67em !important;
        }
        /* Estilos críticos mínimos para container, row, col (usados acima da dobra) */
        .container, .container-fluid {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }
        .row {
            display: flex;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px;
        }
        .row > * {
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            padding-right: 15px;
            padding-left: 15px;
        }
        /* Prevenir FOUC em cards e imagens */
        .card {
            position: relative;
            display: flex;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
        }
        img {
            max-width: 100%;
            height: auto;
        }
        /* Área de toque mínima de 48x48px para acessibilidade (mobile) */
        .link-effect, .text-reset {
            min-height: 48px;
            display: inline-flex;
            align-items: center;
            padding: 12px 8px;
        }
        .footer-link-01 a {
            min-height: 48px;
            display: inline-flex;
            align-items: center;
            padding: 12px 8px;
        }
        /* Ajustar para links em h5 (títulos) */
        h5 .link-effect {
            padding: 0px 4px;
            min-height: 44px;
        }
    </style>
    <!-- SEO Meta Tags -->
    <meta name="keywords" content="reviews, an&amp;aacute;lises, produtos, tecnologia, games, eletr&amp;ocirc;nicos, compara&amp;ccedil;&amp;otilde;es, recomenda&amp;ccedil;&amp;otilde;es, hardware, software, perif&amp;eacute;ricos, monitores, teclados, mouses, headsets, smartphones, tablets, notebooks, consoles, jogos, gaming, tech, gadgets, dispositivos, avalia&amp;ccedil;&amp;otilde;es, guia de compra, melhores produtos, top produtos, reviews brasil">
    <meta name="description" content="OGamer - Seu portal de reviews, an&amp;aacute;lises e compara&amp;ccedil;&amp;otilde;es de produtos de tecnologia, games e eletr&amp;ocirc;nicos. Encontre as melhores recomenda&amp;ccedil;&amp;otilde;es para suas compras.">
    <title>OGamer - Reviews de Produtos</title>
    
    <!-- Robots Meta -->
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://www.ogamer.com.br">
            
    <!-- Preload da fonte Bootstrap Icons O MAIS CEDO POSSÍVEL para reduzir critical request chain -->
        <link rel="preload" href="https://www.ogamer.com.br/assets/vendor/bootstrap/icon/fonts/bootstrap-icons7352.woff2?v=1767892440" as="font" type="font/woff2" crossorigin="anonymous">
    
        
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.ogamer.com.br">
    <meta property="og:title" content="OGamer - Reviews de Produtos">
    <meta property="og:description" content="OGamer - Seu portal de reviews, an&amp;amp;aacute;lises e compara&amp;amp;ccedil;&amp;amp;otilde;es de produtos de tecnologia, games e eletr&amp;amp;ocirc;nicos. Encontre as melhores recomenda&amp;amp;ccedil;&amp;amp;otilde;es para suas compras.">
    <meta property="og:image" content="https://www.ogamer.com.br/assets/img/logo-ogamer.webp">
    <meta property="og:image:width" content="1280">
    <meta property="og:image:height" content="720">
    <meta property="og:image:alt" content="OGamer - Reviews de Produtos">
    <meta property="og:site_name" content="OGamer">
    <meta property="og:locale" content="pt_BR">
        
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://www.ogamer.com.br">
    <meta name="twitter:title" content="OGamer - Reviews de Produtos">
    <meta name="twitter:description" content="OGamer - Seu portal de reviews, an&amp;amp;aacute;lises e compara&amp;amp;ccedil;&amp;amp;otilde;es de produtos de tecnologia, games e eletr&amp;amp;ocirc;nicos. Encontre as melhores recomenda&amp;amp;ccedil;&amp;amp;otilde;es para suas compras.">
    <meta name="twitter:image" content="https://www.ogamer.com.br/assets/img/logo-ogamer.webp">
    <meta name="twitter:image:alt" content="OGamer - Reviews de Produtos">
    
    <!-- Favicon - URL absoluta na raiz para garantir detecção pelo Google -->
        <!-- Favicon padrão ICO - URL absoluta para garantir detecção pelo Google -->
    <link rel="icon" type="image/x-icon" href="https://www.ogamer.com.br/favicon.ico">
    <link rel="shortcut icon" type="image/x-icon" href="https://www.ogamer.com.br/favicon.ico">
    
    <!-- Preload do CSS crítico para iniciar download mais cedo (reduz latência no mobile) -->
    <!-- O navegador vai usar o recurso já baixado quando encontrar o <link rel="stylesheet"> abaixo -->
        <link rel="preload" href="https://www.ogamer.com.br/assets/css/style.purged.min.css?v=1770863561" as="style">
    
    <!-- CSS crítico - render-blocking necessário para evitar FOUC -->
    <!-- O preload acima permite que o download comece mais cedo, reduzindo a latência -->
    <!-- Desenvolvimento: style.purged.css | Produção: style.purged.min.css -->
    <link href="https://www.ogamer.com.br/assets/css/style.purged.min.css?v=1770863561" rel="stylesheet">
    
    <!-- Otimização: font-display: swap para Bootstrap Icons (melhora FCP/LCP) -->
    <!-- Esta regra sobrescreve o @font-face do CSS externo para garantir font-display: swap -->
    <style>
        /* Forçar font-display: swap para Bootstrap Icons - sobrescreve regra do CSS externo */
        @font-face {
            font-family: 'bootstrap-icons';
            src: url('https://www.ogamer.com.br/assets/vendor/bootstrap/icon/fonts/bootstrap-icons7352.woff2?v=1767892440') format('woff2');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
    </style>
    
    <!-- Preconnect para fontes e recursos externos -->
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
    
    <!-- Structured Data (JSON-LD) -->
    <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "OGamer",
    "url": "https://www.ogamer.com.br",
    "description": "OGamer - Seu portal de reviews, análises e comparações de produtos de tecnologia, games e eletrônicos.",
    "potentialAction": {
        "@type": "SearchAction",
        "target": {
            "@type": "EntryPoint",
            "urlTemplate": "https://www.ogamer.com.br/reviews?busca={search_term_string}"
        },
        "query-input": "required name=search_term_string"
    }
}
</script>

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "OGamer",
    "url": "https://www.ogamer.com.br",
    "logo": "https://www.ogamer.com.br/assets/img/logo-ogamer.webp",
    "description": "OGamer - Seu portal de reviews, análises e comparações de produtos de tecnologia, games e eletrônicos.",
    "sameAs": []
}
</script>

    </head>
<body>
    <div class="wrapper">
                
        <!-- Header -->
        <header class="header-main header-option-01">
            <div class="header-top">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-4 d-none d-lg-block">
                            <div class="header-search">
                                <form class="header-search-form" action="https://www.ogamer.com.br/reviews" method="GET">
                                    <input type="text" name="busca" placeholder="Buscar..." value="" class="form-control">
                                    <button class="btn search-btn" type="submit" aria-label="Buscar"><i class="bi bi-search"></i></button>
                                </form>
                            </div>
                        </div>
                        <div class="col-auto col-lg-4">
                            <div class="logo">
                                <a href="https://www.ogamer.com.br">
                                    <picture>
                                        <source srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.webp 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.webp 244w" type="image/webp" sizes="(max-width: 768px) 366px, 244px">
                                        <img class="logo-dark" src="https://www.ogamer.com.br/assets/img/logo-ogamer.png" alt="OGamer" width="244" height="60" srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.png 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.png 244w" sizes="(max-width: 768px) 366px, 244px" style="width: auto; height: auto; max-width: 100%;">
                                    </picture>
                                    <picture>
                                        <source srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.webp 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.webp 244w" type="image/webp" sizes="(max-width: 768px) 366px, 244px">
                                        <img class="logo-light" src="https://www.ogamer.com.br/assets/img/logo-ogamer.png" alt="OGamer" width="244" height="60" srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.png 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.png 244w" sizes="(max-width: 768px) 366px, 244px" style="width: auto; height: auto; max-width: 100%;">
                                    </picture>
                                </a>
                            </div>
                        </div>
                        <div class="col-auto col-lg-4 ms-auto">
                            <div class="header-icons">
                                <!-- Mobile Toggle -->
                                <div class="h-col h-toggler d-lg-none">
                                    <button class="navbar-toggler h-burgur-icon" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas_Header_01" aria-controls="offcanvas_Header_01" aria-label="Abrir menu de navegação">
                                        <span></span>
                                    </button>
                                </div>
                                <!-- Burgur Menu -->
                                <div class="h-col h-extra-menu-toggle d-none d-lg-block">
                                    <button class="h-burgur-icon h-icon" type="button" data-bs-toggle="offcanvas" data-bs-target="#header_extra_menu" aria-controls="header_extra_menuLabel" aria-label="Abrir menu lateral">
                                        <span></span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-bottom">
                <div class="container align-items-center">
                    <nav class="navbar navbar-expand-lg">
                        <div class="offcanvas nav-offcanvas offcanvas-start" tabindex="-1" id="offcanvas_Header_01" aria-labelledby="offcanvas_Header_01">
                            <div class="offcanvas-header border-bottom border-gray-200">
                                <div class="offcanvas-title flex-fill pe-3">
                                    <form class="header-search-form d-flex" action="https://www.ogamer.com.br/reviews" method="GET">
                                        <input type="text" name="busca" placeholder="Buscar..." value="" class="form-control">
                                        <button class="btn btn-primary search-btn px-3 ms-1" type="submit" aria-label="Buscar"><i class="bi bi-search"></i></button>
                                    </form>
                                </div>
                                <button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#offcanvas_Header_01" aria-label="Fechar"></button>
                            </div>
                            <div class="offcanvas-body">
                                <ul class="navbar-nav mx-auto">
                                    <li class="nav-item">
                                        <a class="nav-link" href="https://www.ogamer.com.br">Home</a>
                                    </li>
                                                                                                                <li class="nav-item">
                                            <a class="nav-link" href="https://www.ogamer.com.br/reviews?categoria=celulares-tecnologia-sem-fio">Celulares e Tecnologia Sem Fio</a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="https://www.ogamer.com.br/reviews?categoria=eletronicos">Eletrônicos</a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="https://www.ogamer.com.br/reviews?categoria=games-consoles">Games e Consoles</a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="https://www.ogamer.com.br/reviews?categoria=informatica">Informática</a>
                                        </li>
                                                                            <li class="nav-item">
                                            <a class="nav-link" href="https://www.ogamer.com.br/reviews?categoria=tv-audio">TV e Áudio</a>
                                        </li>
                                                                    </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
        </header>

        <!-- Extra Menu -->
        <div class="offcanvas offcanvas-end" tabindex="-1" id="header_extra_menu" aria-labelledby="header_extra_menuLabel">
            <div class="offcanvas-header">
                <div class="offcanvas-title" id="header_extra_menuLabel">
                    <picture>
                        <source srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.webp 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.webp 244w" type="image/webp" sizes="(max-width: 768px) 366px, 244px">
                        <img class="logo-dark" src="https://www.ogamer.com.br/assets/img/logo-ogamer.png" alt="OGamer" width="244" height="60" srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.png 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.png 244w" sizes="(max-width: 768px) 366px, 244px" style="width: auto; height: auto; max-width: 100%;">
                    </picture>
                    <picture>
                        <source srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.webp 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.webp 244w" type="image/webp" sizes="(max-width: 768px) 366px, 244px">
                        <img class="logo-light" src="https://www.ogamer.com.br/assets/img/logo-ogamer.png" alt="OGamer" width="244" height="60" srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.png 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.png 244w" sizes="(max-width: 768px) 366px, 244px" style="width: auto; height: auto; max-width: 100%;">
                    </picture>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Fechar"></button>
            </div>
            <div class="offcanvas-body">
                <div class="py-4 border-bottom">
                    <div class="pb-3">
                        <h6 class="fw-500 text-uppercase letter-spacing-2 col m-0">Sobre Nós <i class="bi-chevron-right"></i></h6>
                    </div>
                    <p>OGamer - Seu portal de reviews de produtos sobre tecnologia, games e muito mais.</p>
                    <a class="text-mode link-effect" href="https://www.ogamer.com.br/sobre-nos">Saiba Mais</a>
                </div>
                <div class="py-4 border-bottom">
                    <div class="pb-3">
                        <h6 class="fw-500 text-uppercase letter-spacing-2 col m-0">Top Categorias <i class="bi-chevron-right"></i></h6>
                    </div>
                    <div class="row gy-3">
                                                                                                        <div class="col-12">
                                <div class="bg-cover position-relative" style="background-image: url(https://www.ogamer.com.br/cdn/categorias/00005/banner-wI5YjEit-lg.webp)">
                                    <div class="position-absolute top-0 end-0 start-0 bottom-0 bg-black bg-opacity-40"></div>
                                    <h6 class="text-white position-relative z-1 p-4 m-0 d-flex align-items-center justify-content-between">
                                        <a class="text-reset stretched-link link-effect py-1" href="https://www.ogamer.com.br/reviews?categoria=celulares-tecnologia-sem-fio">Celulares e Tecnologia Sem Fio</a>
                                        <span class="bg-white rounded-circle icon text-dark"><i class="bi-chevron-right"></i></span>
                                    </h6>
                                </div>
                            </div>
                                                                                <div class="col-12">
                                <div class="bg-cover position-relative" style="background-image: url(https://www.ogamer.com.br/cdn/categorias/00004/banner-hrARo25r-lg.webp)">
                                    <div class="position-absolute top-0 end-0 start-0 bottom-0 bg-black bg-opacity-40"></div>
                                    <h6 class="text-white position-relative z-1 p-4 m-0 d-flex align-items-center justify-content-between">
                                        <a class="text-reset stretched-link link-effect py-1" href="https://www.ogamer.com.br/reviews?categoria=eletronicos">Eletrônicos</a>
                                        <span class="bg-white rounded-circle icon text-dark"><i class="bi-chevron-right"></i></span>
                                    </h6>
                                </div>
                            </div>
                                                                                <div class="col-12">
                                <div class="bg-cover position-relative" style="background-image: url(https://www.ogamer.com.br/cdn/categorias/00002/banner-oz6cdTyM-lg.webp)">
                                    <div class="position-absolute top-0 end-0 start-0 bottom-0 bg-black bg-opacity-40"></div>
                                    <h6 class="text-white position-relative z-1 p-4 m-0 d-flex align-items-center justify-content-between">
                                        <a class="text-reset stretched-link link-effect py-1" href="https://www.ogamer.com.br/reviews?categoria=games-consoles">Games e Consoles</a>
                                        <span class="bg-white rounded-circle icon text-dark"><i class="bi-chevron-right"></i></span>
                                    </h6>
                                </div>
                            </div>
                                                                                <div class="col-12">
                                <div class="bg-cover position-relative" style="background-image: url(https://www.ogamer.com.br/cdn/categorias/00001/banner-MogY3wlh-lg.webp)">
                                    <div class="position-absolute top-0 end-0 start-0 bottom-0 bg-black bg-opacity-40"></div>
                                    <h6 class="text-white position-relative z-1 p-4 m-0 d-flex align-items-center justify-content-between">
                                        <a class="text-reset stretched-link link-effect py-1" href="https://www.ogamer.com.br/reviews?categoria=informatica">Informática</a>
                                        <span class="bg-white rounded-circle icon text-dark"><i class="bi-chevron-right"></i></span>
                                    </h6>
                                </div>
                            </div>
                                                                                <div class="col-12">
                                <div class="bg-cover position-relative" style="background-image: url(https://www.ogamer.com.br/cdn/categorias/00003/banner-6v0LyaRq-lg.webp)">
                                    <div class="position-absolute top-0 end-0 start-0 bottom-0 bg-black bg-opacity-40"></div>
                                    <h6 class="text-white position-relative z-1 p-4 m-0 d-flex align-items-center justify-content-between">
                                        <a class="text-reset stretched-link link-effect py-1" href="https://www.ogamer.com.br/reviews?categoria=tv-audio">TV e Áudio</a>
                                        <span class="bg-white rounded-circle icon text-dark"><i class="bi-chevron-right"></i></span>
                                    </h6>
                                </div>
                            </div>
                                            </div>
                </div>
            </div>
        </div>

        <!-- Main Content -->
        <main>
            <!-- Section - Reviews em Grid -->
<section class="py-6">
    <div class="container">
        <div class="row gy-4">
            <div class="col-lg-8 col-xl-9 pe-lg-5 pe-xl-6">
                <h1 class="visually-hidden">OGamer - Reviews de Produtos</h1>
                                    <div class="row g-3">
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Informática
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/melhores-impressoras-tanque-de-tinta-custo-beneficio-epson-l1250-vs-hp-smart-tank-583__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/00630/melhores-impressoras-tanque-de-tinta-custo-beneficio-epson-l1250-vs-hp-smart-tank-583-md.webp?v=1780955222" alt="Epson L1250 vs HP Smart Tank 583 no Dia dos Namorados 2026: qual escolher?" fetchpriority="high" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/melhores-impressoras-tanque-de-tinta-custo-beneficio-epson-l1250-vs-hp-smart-tank-583__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Epson L1250 vs HP Smart Tank 583 no Dia dos Namorados 2026: qual escolher?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Games e Consoles
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/dragon-ball-z-kakarot-daima-vale-a-pena__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/01461/dragon-ball-z-kakarot-daima-vale-a-pena-md.webp?v=1780935422" alt="Dragon Ball Z: Kakarot Daima no Dia dos Namorados 2026: vale a pena no PS5?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/dragon-ball-z-kakarot-daima-vale-a-pena__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Dragon Ball Z: Kakarot Daima no Dia dos Namorados 2026: vale a pena no PS5?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Celulares e Tecnologia Sem Fio
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/mouse-sem-fio-qual-o-melhor-modelo-custo-beneficio__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/01412/mouse-sem-fio-qual-o-melhor-modelo-custo-beneficio-md.webp?v=1780933622" alt="Dia dos Namorados: Mouse Sem Fio Recarregável é boa ideia de presente?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/mouse-sem-fio-qual-o-melhor-modelo-custo-beneficio__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Dia dos Namorados: Mouse Sem Fio Recarregável é boa ideia de presente?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Games e Consoles
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/melhores-gabinetes-gamer-custo-beneficio-redragon-wideload-pro-vs-opcoes-populares__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/00800/melhores-gabinetes-gamer-custo-beneficio-redragon-wideload-pro-vs-opcoes-populares-md.webp?v=1780932422" alt="Dia dos Namorados 2026: Redragon Wideload Pro, o presente gamer ideal?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/melhores-gabinetes-gamer-custo-beneficio-redragon-wideload-pro-vs-opcoes-populares__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Dia dos Namorados 2026: Redragon Wideload Pro, o presente gamer ideal?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Games e Consoles
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/logitech-g705-melhor-mouse-gamer-sem-fio-compacto__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/01269/logitech-g705-melhor-mouse-gamer-sem-fio-compacto-md.webp?v=1780929422" alt="Logitech G705: o presente gamer perfeito para o Dia dos Namorados 2026?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/logitech-g705-melhor-mouse-gamer-sem-fio-compacto__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Logitech G705: o presente gamer perfeito para o Dia dos Namorados 2026?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Games e Consoles
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/melhores-controles-para-xbox-series-xs-elite-series-2-core-vs-wireless-controller__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/00646/melhores-controles-para-xbox-series-xs-elite-series-2-core-vs-wireless-controller-md.webp?v=1780928822" alt="Dia dos Namorados 2026: Xbox Elite Series 2 Core vs Wireless, qual o melhor?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/melhores-controles-para-xbox-series-xs-elite-series-2-core-vs-wireless-controller__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Dia dos Namorados 2026: Xbox Elite Series 2 Core vs Wireless, qual o melhor?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Eletrônicos
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/adaptador-carplay-android-sem-fio-vale-a-pena__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/00598/adaptador-carplay-android-2-em-1-sem-fio-vale-a-pena-md.webp?v=1780927622" alt="Dia dos Namorados: vale a pena o Adaptador CarPlay Android Sem Fio?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/adaptador-carplay-android-sem-fio-vale-a-pena__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Dia dos Namorados: vale a pena o Adaptador CarPlay Android Sem Fio?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Eletrônicos
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/melhores-fones-ouvido-bluetooth-custo-beneficio-qcy-ht05-melobuds-vs-soundcore-p20i__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/00932/melhores-fones-ouvido-bluetooth-custo-beneficio-qcy-ht05-melobuds-vs-soundcore-p20i-md.webp?v=1780924022" alt="Dia dos Namorados 2026: QCY HT05 vs Soundcore P20i, qual o melhor fone?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/melhores-fones-ouvido-bluetooth-custo-beneficio-qcy-ht05-melobuds-vs-soundcore-p20i__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Dia dos Namorados 2026: QCY HT05 vs Soundcore P20i, qual o melhor fone?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Eletrônicos
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/melhores-pilhas-aa-duracell-optimum-vs-carregador-de-pilhas-duracell__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/01318/melhores-pilhas-aa-duracell-optimum-vs-carregador-de-pilhas-duracell-md.webp?v=1780918622" alt="Duracell Optimum vs. Recarregáveis no Dia dos Namorados 2026: Qual pilha AA escolher?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/melhores-pilhas-aa-duracell-optimum-vs-carregador-de-pilhas-duracell__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Duracell Optimum vs. Recarregáveis no Dia dos Namorados 2026: Qual pilha AA escolher?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Celulares e Tecnologia Sem Fio
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/motorola-edge-60-vs-samsung-galaxy-a55-qual-o-melhor-custo-beneficio__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/00566/motorola-edge-60-vs-samsung-galaxy-a55-qual-o-melhor-custo-beneficio-md.webp?v=1780914423" alt="Dia dos Namorados 2026: Motorola Edge 60 Fusion vs Galaxy A55 5G?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/motorola-edge-60-vs-samsung-galaxy-a55-qual-o-melhor-custo-beneficio__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Dia dos Namorados 2026: Motorola Edge 60 Fusion vs Galaxy A55 5G?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Games e Consoles
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/meta-quest-3s-vale-a-pena-para-realidade-mista__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/00821/meta-quest-3s-vale-a-pena-para-realidade-mista-md.webp?v=1780781822" alt="Meta Quest 3S: o presente de Dia dos Namorados 2026 para gamers?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/meta-quest-3s-vale-a-pena-para-realidade-mista__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Meta Quest 3S: o presente de Dia dos Namorados 2026 para gamers?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                                                                <div class="col-sm-6">
                                <div class="card hover-scale overflow-hidden">
                                    <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                                                    <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                                Eletrônicos
                                            </span>
                                                                                <a href="https://www.ogamer.com.br/melhores-smartwatches-garmin-monitoramento-saude-top-3__dia-dos-namorados-2026">
                                            <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/00582/melhores-smartwatches-garmin-monitoramento-saude-top-3-md.webp?v=1780778821" alt="Dia dos Namorados 2026: Smartwatches Garmin Forerunner 965 para Presentear?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                        </a>
                                    </div>
                                    <div class="card-body">
                                        <h3 class="mb-2" style="font-size: 1.25rem; font-weight: 600;">
                                            <a href="https://www.ogamer.com.br/melhores-smartwatches-garmin-monitoramento-saude-top-3__dia-dos-namorados-2026" class="text-reset link-effect">
                                                Dia dos Namorados 2026: Smartwatches Garmin Forerunner 965 para Presentear?
                                            </a>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                                            </div>
                            </div>
            
            <!-- Sidebar -->
            <div class="col-lg-4 col-xl-3">
                <div class="pb-3 pb-4">
                    <h6 class="text-uppercase letter-spacing-2 col m-0">Buscar</h6>
                </div>
                <form action="https://www.ogamer.com.br/reviews" method="GET" class="d-flex flex-row mb-4">
                    <input type="text" name="busca" class="form-control me-2" placeholder="Buscar reviews..." value="">
                    <button class="btn btn-primary flex-shrink-0" type="submit" aria-label="Buscar"><i class="bi-search"></i></button>
                </form>
                
                <hr class="opacity-100 border-gray-300 my-5">
                
                                    <div class="d-flex align-items-center pb-3">
                        <h6 class="text-uppercase letter-spacing-2 col m-0">Mais Visualizados</h6>
                    </div>
                    <div class="row gy-3">
                                                                                <div class="col-12 d-flex">
                                <div class="avatar-xl">
                                    <img class="avatar-img" src="https://www.ogamer.com.br/cdn/reviews/00268/melhores-carregadores-portateis-anker-nano-vs-samsung-vs-basike-md.webp?v=1777390435" alt="Power bank para o Dia dos Namorados: Anker Nano vs Samsung EB-P3400?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                </div>
                                <div class="ps-3 col">
                                    <h6 class="mb-2 ellipsis-line-4">
                                        <a href="https://www.ogamer.com.br/melhores-carregadores-portateis-anker-nano-vs-samsung-vs-basike__dia-dos-namorados-2026" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                            <span class="text-muted fw-400 fs-xs mb-1">Celulares e Tecnologia Sem Fio</span><br />
                                                                                        <span>Power bank para o Dia dos Namorados: Anker Nano vs Samsung E...</span>
                                        </a>
                                    </h6>
                                </div>
                            </div>
                                                                                <div class="col-12 d-flex">
                                <div class="avatar-xl">
                                    <img class="avatar-img" src="https://www.ogamer.com.br/cdn/reviews/00286/melhores-fones-ouvido-bluetooth-anker-soundcore-custo-beneficio-top-3-md.webp?v=1777390435" alt="soundcore Q30 no Dia dos Namorados 2026: o presente perfeito?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                </div>
                                <div class="ps-3 col">
                                    <h6 class="mb-2 ellipsis-line-4">
                                        <a href="https://www.ogamer.com.br/melhores-fones-ouvido-bluetooth-anker-soundcore-custo-beneficio-top-3__dia-dos-namorados-2026" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                            <span class="text-muted fw-400 fs-xs mb-1">Eletrônicos</span><br />
                                                                                        <span>soundcore Q30 no Dia dos Namorados 2026: o presente perfeito...</span>
                                        </a>
                                    </h6>
                                </div>
                            </div>
                                                                                <div class="col-12 d-flex">
                                <div class="avatar-xl">
                                    <img class="avatar-img" src="https://www.ogamer.com.br/cdn/reviews/00142/destaque-QWWgWG25-md.webp?v=1777390435" alt="GameSir Nova Lite: o presente gamer ideal para o Dia dos Namorados 2026!" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                </div>
                                <div class="ps-3 col">
                                    <h6 class="mb-2 ellipsis-line-4">
                                        <a href="https://www.ogamer.com.br/gamesir-nova-lite-melhor-controle-barato-pc-steam-deck__dia-dos-namorados-2026" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                            <span class="text-muted fw-400 fs-xs mb-1">Games e Consoles</span><br />
                                                                                        <span>GameSir Nova Lite: o presente gamer ideal para o Dia dos Nam...</span>
                                        </a>
                                    </h6>
                                </div>
                            </div>
                                                                                <div class="col-12 d-flex">
                                <div class="avatar-xl">
                                    <img class="avatar-img" src="https://www.ogamer.com.br/cdn/reviews/00228/melhores-carregadores-portateis-anker-nano-vs-samsung-vs-i2go-md.webp?v=1777390435" alt="Dia dos Namorados 2026: Power Bank Anker Nano é um bom presente?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                </div>
                                <div class="ps-3 col">
                                    <h6 class="mb-2 ellipsis-line-4">
                                        <a href="https://www.ogamer.com.br/melhores-carregadores-portateis-anker-nano-vs-samsung-vs-i2go__dia-dos-namorados-2026" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                            <span class="text-muted fw-400 fs-xs mb-1">Celulares e Tecnologia Sem Fio</span><br />
                                                                                        <span>Dia dos Namorados 2026: Power Bank Anker Nano é um bom prese...</span>
                                        </a>
                                    </h6>
                                </div>
                            </div>
                                                                                <div class="col-12 d-flex">
                                <div class="avatar-xl">
                                    <img class="avatar-img" src="https://www.ogamer.com.br/cdn/reviews/00101/destaque-XRNWYnZ5-md.webp?v=1777390435" alt="Anker Nano e Samsung EB-P3400: qual power bank escolher no Dia dos Namorados 2026?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                                </div>
                                <div class="ps-3 col">
                                    <h6 class="mb-2 ellipsis-line-4">
                                        <a href="https://www.ogamer.com.br/melhores-power-banks-10000mah-top-3-custo-beneficio__dia-dos-namorados-2026" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                            <span class="text-muted fw-400 fs-xs mb-1">Celulares e Tecnologia Sem Fio</span><br />
                                                                                        <span>Anker Nano e Samsung EB-P3400: qual power bank escolher no D...</span>
                                        </a>
                                    </h6>
                                </div>
                            </div>
                                            </div>
                    
                    <hr class="opacity-100 border-gray-300 my-5">
                                
                <!-- Categorias -->
                                                    <div class="d-flex align-items-center pb-3">
                        <h6 class="text-uppercase letter-spacing-2 col m-0">Top Categorias</h6>
                    </div>
                    <div class="row gy-3">
                                                                                                                <div class="col-12">
                                    <div class="bg-cover position-relative" style="background-image: url(https://www.ogamer.com.br/cdn/categorias/00005/banner-wI5YjEit-lg.webp); min-height: 120px;">
                                        <div class="position-absolute top-0 end-0 start-0 bottom-0 bg-black bg-opacity-40"></div>
                                        <h6 class="text-white position-relative z-1 p-4 m-0 d-flex align-items-center justify-content-between">
                                            <a class="text-reset stretched-link link-effect py-1 flex-grow-1 me-2 ellipsis-line-2" href="https://www.ogamer.com.br/reviews?categoria=celulares-tecnologia-sem-fio">Celulares e Tecnologia Sem Fio</a>
                                            <span class="bg-white rounded-circle icon text-dark flex-shrink-0"><i class="bi-chevron-right"></i></span>
                                        </h6>
                                    </div>
                                </div>
                                                                                                                                            <div class="col-12">
                                    <div class="bg-cover position-relative" style="background-image: url(https://www.ogamer.com.br/cdn/categorias/00004/banner-hrARo25r-lg.webp); min-height: 120px;">
                                        <div class="position-absolute top-0 end-0 start-0 bottom-0 bg-black bg-opacity-40"></div>
                                        <h6 class="text-white position-relative z-1 p-4 m-0 d-flex align-items-center justify-content-between">
                                            <a class="text-reset stretched-link link-effect py-1 flex-grow-1 me-2 ellipsis-line-2" href="https://www.ogamer.com.br/reviews?categoria=eletronicos">Eletrônicos</a>
                                            <span class="bg-white rounded-circle icon text-dark flex-shrink-0"><i class="bi-chevron-right"></i></span>
                                        </h6>
                                    </div>
                                </div>
                                                                                                                                            <div class="col-12">
                                    <div class="bg-cover position-relative" style="background-image: url(https://www.ogamer.com.br/cdn/categorias/00002/banner-oz6cdTyM-lg.webp); min-height: 120px;">
                                        <div class="position-absolute top-0 end-0 start-0 bottom-0 bg-black bg-opacity-40"></div>
                                        <h6 class="text-white position-relative z-1 p-4 m-0 d-flex align-items-center justify-content-between">
                                            <a class="text-reset stretched-link link-effect py-1 flex-grow-1 me-2 ellipsis-line-2" href="https://www.ogamer.com.br/reviews?categoria=games-consoles">Games e Consoles</a>
                                            <span class="bg-white rounded-circle icon text-dark flex-shrink-0"><i class="bi-chevron-right"></i></span>
                                        </h6>
                                    </div>
                                </div>
                                                                                                                                            <div class="col-12">
                                    <div class="bg-cover position-relative" style="background-image: url(https://www.ogamer.com.br/cdn/categorias/00001/banner-MogY3wlh-lg.webp); min-height: 120px;">
                                        <div class="position-absolute top-0 end-0 start-0 bottom-0 bg-black bg-opacity-40"></div>
                                        <h6 class="text-white position-relative z-1 p-4 m-0 d-flex align-items-center justify-content-between">
                                            <a class="text-reset stretched-link link-effect py-1 flex-grow-1 me-2 ellipsis-line-2" href="https://www.ogamer.com.br/reviews?categoria=informatica">Informática</a>
                                            <span class="bg-white rounded-circle icon text-dark flex-shrink-0"><i class="bi-chevron-right"></i></span>
                                        </h6>
                                    </div>
                                </div>
                                                                                                                                            <div class="col-12">
                                    <div class="bg-cover position-relative" style="background-image: url(https://www.ogamer.com.br/cdn/categorias/00003/banner-6v0LyaRq-lg.webp); min-height: 120px;">
                                        <div class="position-absolute top-0 end-0 start-0 bottom-0 bg-black bg-opacity-40"></div>
                                        <h6 class="text-white position-relative z-1 p-4 m-0 d-flex align-items-center justify-content-between">
                                            <a class="text-reset stretched-link link-effect py-1 flex-grow-1 me-2 ellipsis-line-2" href="https://www.ogamer.com.br/reviews?categoria=tv-audio">TV e Áudio</a>
                                            <span class="bg-white rounded-circle icon text-dark flex-shrink-0"><i class="bi-chevron-right"></i></span>
                                        </h6>
                                    </div>
                                </div>
                                                                        </div>
                                
                <hr class="opacity-100 border-gray-300 my-5">

                <div class="d-flex align-items-center pb-3">
                    <h6 class="text-uppercase letter-spacing-2 col m-0">Top Produtos</h6>
                </div>
                                <div class="row gy-3">
                                                                    <div class="col-12 d-flex">
                            <div class="avatar-xl">
                                <img class="avatar-img" src="https://www.ogamer.com.br/cdn/produtos/00343/principal-gph3jGS3-md.webp" alt="Anker Nano Power Bank, Carregador Portátil de 10.000 mAh com Cabo USB-C" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                            </div>
                            <div class="ps-3 col">
                                <h6 class="mb-2 ellipsis-line-4">
                                    <a href="https://www.ogamer.com.br/produto/anker-nano-power-bank-carregador-portatil-de-10000-mah-com-cabo-usb-c" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                    <span class="text-muted fw-400 fs-xs mb-1">Celulares e Tecnologia Sem Fio</span><br />
                                                                                <span>Anker Nano Power Bank Carregador</span>
                                    </a>
                                </h6>
                            </div>
                        </div>
                                                                    <div class="col-12 d-flex">
                            <div class="avatar-xl">
                                <img class="avatar-img" src="https://www.ogamer.com.br/cdn/produtos/00682/principal-7hTlIgqr-md.webp" alt="Bateria Externa SAMSUNG EB-P3400 Bege Portátil, Carga Super Rápida 25W" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                            </div>
                            <div class="ps-3 col">
                                <h6 class="mb-2 ellipsis-line-4">
                                    <a href="https://www.ogamer.com.br/produto/bateria-externa-samsung-eb-p3400-bege-portatil-carga-super-rapida-25w" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                    <span class="text-muted fw-400 fs-xs mb-1">Celulares e Tecnologia Sem Fio</span><br />
                                                                                <span>Bateria Externa SAMSUNG EB-P3400 Bege</span>
                                    </a>
                                </h6>
                            </div>
                        </div>
                                                                    <div class="col-12 d-flex">
                            <div class="avatar-xl">
                                <img class="avatar-img" src="https://www.ogamer.com.br/cdn/produtos/00369/principal-loFS7358-md.webp" alt="Basike Carregador Portátil, Power Bank 20000mAh com Cabos Integrados" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                            </div>
                            <div class="ps-3 col">
                                <h6 class="mb-2 ellipsis-line-4">
                                    <a href="https://www.ogamer.com.br/produto/basike-carregador-portatil-power-bank-20000mah-com-cabos-integrados" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                    <span class="text-muted fw-400 fs-xs mb-1">Celulares e Tecnologia Sem Fio</span><br />
                                                                                <span>Basike Carregador Portátil Power Bank</span>
                                    </a>
                                </h6>
                            </div>
                        </div>
                                                                    <div class="col-12 d-flex">
                            <div class="avatar-xl">
                                <img class="avatar-img" src="https://www.ogamer.com.br/cdn/produtos/00056/principal-rktWpOWN-md.webp" alt="Smart TV 32&quot; Philco LED Roku Tv HD Dolby Audio P32CRA" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                            </div>
                            <div class="ps-3 col">
                                <h6 class="mb-2 ellipsis-line-4">
                                    <a href="https://www.ogamer.com.br/produto/smart-tv-32-philco-led-roku-tv-hd-dolby-audio-p32cra" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                    <span class="text-muted fw-400 fs-xs mb-1">TV e Áudio</span><br />
                                                                                <span>Smart TV 32&quot; Philco LED Roku Tv HD</span>
                                    </a>
                                </h6>
                            </div>
                        </div>
                                                                    <div class="col-12 d-flex">
                            <div class="avatar-xl">
                                <img class="avatar-img" src="https://www.ogamer.com.br/cdn/produtos/00509/principal-BJdGFzW9-md.webp" alt="I2GO, Carregador Portátil (Power Bank) Ultra Rápido 10000mAh" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                            </div>
                            <div class="ps-3 col">
                                <h6 class="mb-2 ellipsis-line-4">
                                    <a href="https://www.ogamer.com.br/produto/i2go-carregador-portatil-power-bank-ultra-rapido-10000mah" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                    <span class="text-muted fw-400 fs-xs mb-1">Celulares e Tecnologia Sem Fio</span><br />
                                                                                <span>I2GO Carregador Portátil (Power Bank)</span>
                                    </a>
                                </h6>
                            </div>
                        </div>
                                                                    <div class="col-12 d-flex">
                            <div class="avatar-xl">
                                <img class="avatar-img" src="https://www.ogamer.com.br/cdn/produtos/00101/principal-fZl05YPO-md.webp" alt="Tablet Samsung Galaxy Tab S10 FE, Cinza, 128GB, 8GB RAM" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                            </div>
                            <div class="ps-3 col">
                                <h6 class="mb-2 ellipsis-line-4">
                                    <a href="https://www.ogamer.com.br/produto/tablet-samsung-galaxy-tab-s10-fe-cinza-128gb-8gb-ram" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                    <span class="text-muted fw-400 fs-xs mb-1">Informática</span><br />
                                                                                <span>Tablet Samsung Galaxy Tab S10 FE Cinza</span>
                                    </a>
                                </h6>
                            </div>
                        </div>
                                                                    <div class="col-12 d-flex">
                            <div class="avatar-xl">
                                <img class="avatar-img" src="https://www.ogamer.com.br/cdn/produtos/00065/principal-ggg1M4GQ-md.webp" alt="soundcore P30i da Anker, Fone de Ouvido Bluetooth 5.4 com Cancelamento de Ruído" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                            </div>
                            <div class="ps-3 col">
                                <h6 class="mb-2 ellipsis-line-4">
                                    <a href="https://www.ogamer.com.br/produto/soundcore-p30i-da-anker-fone-de-ouvido-bluetooth-54-com-cancelamento-de-ruido-65" class="text-reset link-effect" style="padding: 0px 4px; display: block;">
                                                                                    <span class="text-muted fw-400 fs-xs mb-1">Eletrônicos</span><br />
                                                                                <span>soundcore P30i Anker Fone Ouvido</span>
                                    </a>
                                </h6>
                            </div>
                        </div>
                                    </div>

                <div class="mt-4">
                    <a href="https://www.ogamer.com.br/produtos" class="btn btn-sm btn-outline-primary w-100" style="color: var(--bs-primary);">
                        <span style="color: inherit;">Ver mais produtos <i class="bi-chevron-right"></i></span>
                    </a>
                </div>

                <style>
                .btn-outline-primary:hover {
                    color: #fff !important;
                }
                .btn-outline-primary:hover span {
                    color: #fff !important;
                }
                </style>
                
                                    <hr class="opacity-100 border-gray-300 my-5">
                    
                    <div class="d-flex align-items-center pb-3">
                        <h6 class="text-uppercase letter-spacing-2 col m-0">Tags Populares</h6>
                    </div>
                    <div class="d-flex flex-wrap gap-2">
                                                    <a href="https://www.ogamer.com.br/reviews?busca=review" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Review">
                                Review
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=an%C3%A1lise" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Análise">
                                Análise
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=vale%20a%20pena" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Vale a pena">
                                Vale a pena
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=custo-benef%C3%ADcio" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Custo-benefício">
                                Custo-benefício
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=comparativo" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Comparativo">
                                Comparativo
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=custo%20benef%C3%ADcio" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Custo benefício">
                                Custo benefício
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=compara%C3%A7%C3%A3o" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Comparação">
                                Comparação
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=smart%20tv" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Smart tv">
                                Smart tv
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=custo%20beneficio" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Custo beneficio">
                                Custo beneficio
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=bateria" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Bateria">
                                Bateria
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=smartphone" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Smartphone">
                                Smartphone
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=ps5" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Ps5">
                                Ps5
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=desempenho" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Desempenho">
                                Desempenho
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=jogos" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Jogos">
                                Jogos
                            </a>
                                                    <a href="https://www.ogamer.com.br/reviews?busca=android" 
                               class="badge bg-secondary text-decoration-none"
                               title="Buscar reviews sobre Android">
                                Android
                            </a>
                                            </div>
                            </div>
        </div>
    </div>
</section>

<!-- Section - Mais Visualizados -->
<section class="bg-gray-100 py-6">
    <div class="container">
        <div class="pb-3">
            <h6 class="text-uppercase letter-spacing-2 col m-0">Mais Visualizados <i class="bi-chevron-right"></i></h6>
        </div>
        <div class="row g-3">
                                            <div class="col-sm-6 col-md-4">
                    <div class="card hover-scale overflow-hidden">
                        <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                            <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                    Celulares e Tecnologia Sem Fio
                                </span>
                                                        <a href="https://www.ogamer.com.br/melhores-carregadores-portateis-anker-nano-vs-samsung-vs-basike__dia-dos-namorados-2026">
                                <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/00268/melhores-carregadores-portateis-anker-nano-vs-samsung-vs-basike-md.webp?v=1777390435" alt="Power bank para o Dia dos Namorados: Anker Nano vs Samsung EB-P3400?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                            </a>
                        </div>
                        <div class="card-body">
                            <p class="h5 mb-2">
                                <a href="https://www.ogamer.com.br/melhores-carregadores-portateis-anker-nano-vs-samsung-vs-basike__dia-dos-namorados-2026" class="text-reset link-effect">
                                    Power bank para o Dia dos Namorados: Anker Nano vs Samsung EB-P3400?
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                                            <div class="col-sm-6 col-md-4">
                    <div class="card hover-scale overflow-hidden">
                        <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                            <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                    Eletrônicos
                                </span>
                                                        <a href="https://www.ogamer.com.br/melhores-fones-ouvido-bluetooth-anker-soundcore-custo-beneficio-top-3__dia-dos-namorados-2026">
                                <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/00286/melhores-fones-ouvido-bluetooth-anker-soundcore-custo-beneficio-top-3-md.webp?v=1777390435" alt="soundcore Q30 no Dia dos Namorados 2026: o presente perfeito?" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                            </a>
                        </div>
                        <div class="card-body">
                            <p class="h5 mb-2">
                                <a href="https://www.ogamer.com.br/melhores-fones-ouvido-bluetooth-anker-soundcore-custo-beneficio-top-3__dia-dos-namorados-2026" class="text-reset link-effect">
                                    soundcore Q30 no Dia dos Namorados 2026: o presente perfeito?
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                                            <div class="col-sm-6 col-md-4">
                    <div class="card hover-scale overflow-hidden">
                        <div class="hover-scale-in blog-card-ratio ratio ratio-4x3">
                                                            <span class="bg-primary px-4 py-2 position-absolute bottom-0 start-0 z-1 mb-2 ms-2 text-white fs-sm" style="width: auto !important; height: auto !important; top: auto !important;">
                                    Games e Consoles
                                </span>
                                                        <a href="https://www.ogamer.com.br/gamesir-nova-lite-melhor-controle-barato-pc-steam-deck__dia-dos-namorados-2026">
                                <img class="blog-card-ratio-img card-img-top" src="https://www.ogamer.com.br/cdn/reviews/00142/destaque-QWWgWG25-md.webp?v=1777390435" alt="GameSir Nova Lite: o presente gamer ideal para o Dia dos Namorados 2026!" loading="lazy" onerror="this.src='https://www.ogamer.com.br/assets/img/fundo-artigo.avif'; this.onerror=null;">
                            </a>
                        </div>
                        <div class="card-body">
                            <p class="h5 mb-2">
                                <a href="https://www.ogamer.com.br/gamesir-nova-lite-melhor-controle-barato-pc-steam-deck__dia-dos-namorados-2026" class="text-reset link-effect">
                                    GameSir Nova Lite: o presente gamer ideal para o Dia dos Namorados 2026!
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
                    </div>
    </div>
</section>
        </main>

        <!-- Footer -->
        <footer class="footer footer-bg border-top border-gray-300">
            <div class="py-5 py-md-8 py-lg-10">
                <div class="container">
                    <div class="border-bottom border-gray-300 pb-5 pb-md-8 pb-lg-10 mb-5 mb-md-8 mb-lg-10">
                        <div class="row gy-4">
                            <div class="col-lg-4">
                                <h2 class="m-0" style="font-size: 1.5rem; font-weight: 600;">Receba os melhores reviews e produtos no seu e-mail</h2>
                            </div>
                            <div class="col-lg-8 col-xl-7 ms-xl-auto">
                                
                                
                                
                                <form class="d-flex flex-row" method="POST" action="https://www.ogamer.com.br/newsletter/cadastrar">
                                    <input type="hidden" name="_token" value="zyeSmXJT1IMHXmhwKumIoG2nTWU2HGTHjajUJUFI" autocomplete="off">                                    <input type="email" name="email" class="form-control me-2 " placeholder="Digite seu e-mail" value="" required>
                                    <button class="btn btn-primary flex-shrink-0" type="submit" aria-label="Inscrever-se na newsletter">INSCREVER-SE</button>
                                </form>
                                                                <p class="m-0 mt-2 small">Receba os melhores conteúdos em primeira mão. Reviews detalhados, análises técnicas e ofertas exclusivas.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row gy-4">
                        <div class="col-lg-3 me-auto">
                            <div class="pb-2 footer-logo">
                                <picture>
                                    <source srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.webp 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.webp 244w" type="image/webp" sizes="(max-width: 768px) 366px, 244px">
                                    <img class="footer-logo-light" src="https://www.ogamer.com.br/assets/img/logo-ogamer.png" alt="OGamer" width="244" height="60" srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.png 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.png 244w" sizes="(max-width: 768px) 366px, 244px" style="width: auto; height: auto; max-width: 100%;">
                                </picture>
                                <picture>
                                    <source srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.webp 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.webp 244w" type="image/webp" sizes="(max-width: 768px) 366px, 244px">
                                    <img class="footer-logo-dark" src="https://www.ogamer.com.br/assets/img/logo-ogamer.png" alt="OGamer" width="244" height="60" srcset="https://www.ogamer.com.br/assets/img/logo-ogamer-366.png 366w, https://www.ogamer.com.br/assets/img/logo-ogamer.png 244w" sizes="(max-width: 768px) 366px, 244px" style="width: auto; height: auto; max-width: 100%;">
                                </picture>
                            </div>
                            <div class="pt-2">
                                <p><strong>OGamer</strong><br>Seu portal de reviews, análises e comparações de produtos de tecnologia, games e eletrônicos. Encontre as melhores recomendações para suas compras.</p>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <div class="row gy-4">
                                <div class="col-lg-3 col-sm-6">
                                    <p class="h5 footer-title-01">Links</p>
                                    <ul class="list-unstyled footer-link-01 m-0">
                                        <li><a href="https://www.ogamer.com.br">Home</a></li>
                                        <li><a href="https://www.ogamer.com.br/reviews">Reviews</a></li>
                                        <li><a href="https://www.ogamer.com.br/sobre-nos">Sobre Nós</a></li>
                                    </ul>
                                </div>
                                <div class="col-lg-3 col-sm-6">
                                    <p class="h5 footer-title-01">Categorias</p>
                                    <ul class="list-unstyled footer-link-01 m-0">
                                                                                                                            <li><a href="https://www.ogamer.com.br/reviews?categoria=celulares-tecnologia-sem-fio">Celulares e Tecnologia Sem Fio</a></li>
                                                                                    <li><a href="https://www.ogamer.com.br/reviews?categoria=eletronicos">Eletrônicos</a></li>
                                                                                    <li><a href="https://www.ogamer.com.br/reviews?categoria=games-consoles">Games e Consoles</a></li>
                                                                                    <li><a href="https://www.ogamer.com.br/reviews?categoria=informatica">Informática</a></li>
                                                                                    <li><a href="https://www.ogamer.com.br/reviews?categoria=tv-audio">TV e Áudio</a></li>
                                                                            </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="border-top border-gray-300">
                    <div class="row py-3 gy-3 align-items-center">
                        <div class="col-md-6">
                            <ul class="nav justify-content-center justify-content-md-start my-2 links-white small list-unstyled footer-link-01 m-0">
                                <li class="p-0 mx-3 ms-md-0 me-md-3"><a href="https://www.ogamer.com.br/sobre-nos">Sobre Nós</a></li>
                                <li class="p-0 mx-3 ms-md-0 me-md-3"><a href="https://www.ogamer.com.br/politica-privacidade">Política de Privacidade</a></li>
                                <li class="p-0 mx-3 ms-md-0 me-md-3"><a href="https://www.ogamer.com.br/termos-uso">Termos de Uso</a></li>
                                <li class="p-0 mx-3 ms-md-0 me-md-3"><a href="https://www.ogamer.com.br/contato">Contato</a></li>
                            </ul>
                        </div>
                        <div class="col-md-6 text-center text-md-end">
                            <p class="text-white-85 small m-0">© 2026 OGamer. Todos os direitos reservados.</p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <!-- Botão Voltar ao Topo -->
    <button id="btnVoltarTopo" class="btn-voltar-topo" aria-label="Voltar ao topo" title="Voltar ao topo">
        <i class="bi-arrow-up"></i>
    </button>

        <!-- Banner de Consentimento de Cookies e Termos -->
    <div id="consentBanner" class="consent-banner" style="display: none;">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-8 mb-3 mb-lg-0">
                    <p class="mb-0 text-white">
                        <strong>🍪 Utilizamos cookies e tecnologias similares</strong> para melhorar sua experiência, analisar o tráfego do site e personalizar conteúdo. Ao continuar navegando, você concorda com nossa
                        <a href="https://www.ogamer.com.br/politica-privacidade" target="_blank" class="text-white text-decoration-underline">Política de Privacidade</a> e
                        <a href="https://www.ogamer.com.br/termos-uso" target="_blank" class="text-white text-decoration-underline">Termos de Uso</a>.
                    </p>
                </div>
                <div class="col-lg-4 text-lg-end">
                    <button id="aceitarCookies" class="btn btn-primary btn-sm me-2 mb-2 mb-lg-0" style="background: #ffd700; color: #000; border-color: #ffd700;">Aceitar</button>
                    <button id="recusarCookies" class="btn btn-outline-light btn-sm me-2 mb-2 mb-lg-0" style="background: #fff; color: #000;">Recusar</button>
                    <button id="gerenciarCookies" class="btn btn-outline-light btn-sm mb-2 mb-lg-0" style="border-color: rgba(255,255,255,0.7); color: #fff;">Gerenciar opções</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Gerenciar opções de consentimento -->
    <div id="consentModal" class="consent-modal" style="display: none;" aria-labelledby="consentModalTitle" aria-hidden="true">
        <div class="consent-modal-backdrop"></div>
        <div class="consent-modal-dialog">
            <div class="consent-modal-content">
                <div class="consent-modal-header">
                    <h2 id="consentModalTitle" class="consent-modal-title">Preferências de cookies</h2>
                    <button type="button" class="consent-modal-close" id="consentModalClose" aria-label="Fechar">&times;</button>
                </div>
                <div class="consent-modal-body">
                    <p class="mb-4">Escolha quais cookies e tecnologias similares podemos usar. Você pode alterar suas preferências a qualquer momento.</p>
                    <div class="consent-option mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="consentEssenciais" disabled checked>
                            <label class="form-check-label" for="consentEssenciais"><strong>Cookies essenciais</strong></label>
                        </div>
                        <p class="small text-muted ms-4 mb-0">Necessários para o funcionamento do site. Não podem ser desativados.</p>
                    </div>
                    <div class="consent-option mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="consentAnalytics">
                            <label class="form-check-label" for="consentAnalytics"><strong>Analytics</strong></label>
                        </div>
                        <p class="small text-muted ms-4 mb-0">Nos ajudam a entender como você usa o site (ex.: Google Analytics).</p>
                    </div>
                    <div class="consent-option mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="consentAds">
                            <label class="form-check-label" for="consentAds"><strong>Anúncios personalizados</strong></label>
                        </div>
                        <p class="small text-muted ms-4 mb-0">Permitem exibir anúncios relevantes para você (redes de anúncios).</p>
                    </div>
                </div>
                <div class="consent-modal-footer">
                    <button type="button" id="consentModalRecusarTodos" class="btn btn-outline-secondary btn-sm">Recusar todos</button>
                    <button type="button" id="consentModalSalvar" class="btn btn-primary btn-sm" style="background: #ffd700; color: #000; border-color: #ffd700;">Salvar preferências</button>
                    <button type="button" id="consentModalAceitarTodos" class="btn btn-primary btn-sm" style="background: #1e3a8a; color: #fff; border-color: #1e3a8a;">Aceitar todos</button>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Scripts - Defer para não bloquear renderização -->
    <!-- Versionamento baseado em filemtime para cache busting -->
        
    <!-- Bootstrap deve carregar primeiro (dependência de outros scripts) -->
    <script src="https://www.ogamer.com.br/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js?v=1767892439" defer></script>
    <!-- Swiper carregado condicionalmente apenas quando necessário (ver theme.js) -->
    <!-- Variável global com caminho do Swiper para carregamento dinâmico -->
    <script>
        window.SWIPER_SCRIPT_URL = "https://www.ogamer.com.br/assets/vendor/swiper/swiper-bundle.min.js?v=1767892442";
    </script>
    <script src="https://www.ogamer.com.br/assets/vendor/timezz/timezz.js?v=1767892443" defer></script>
    <script src="https://www.ogamer.com.br/assets/js/theme.js?v=1768501358" defer></script>
    
    <!-- Script de Consentimento de Cookies + Consent Mode v2 -->
    <script>
        (function() {
            const isAuthenticated = false;
            if (isAuthenticated) return;

            const CONSENT_KEY = 'ogamer_consent_status';
            const PREFS_KEY = 'ogamer_consent_preferences';
            const CONSENT_DATE_KEY = 'ogamer_consent_date';

            function getConsentPreferences() {
                try {
                    const raw = localStorage.getItem(PREFS_KEY);
                    if (!raw) return null;
                    const p = JSON.parse(raw);
                    return { analytics: !!p.analytics, ads: !!p.ads };
                } catch (e) { return null; }
            }

            function setConsentPreferences(prefs, status) {
                localStorage.setItem(PREFS_KEY, JSON.stringify({ analytics: !!prefs.analytics, ads: !!prefs.ads }));
                localStorage.setItem(CONSENT_KEY, status || 'custom');
                localStorage.setItem(CONSENT_DATE_KEY, new Date().toISOString());
                const expiry = new Date();
                expiry.setFullYear(expiry.getFullYear() + 1);
                document.cookie = 'ogamer_consent_status=' + (status || 'custom') + '; expires=' + expiry.toUTCString() + '; path=/; SameSite=Lax';
            }

            function applyConsentToGtag(prefs) {
                // Analytics removido por decisão de produto.
                return;
            }

            function showConsentBanner() {
                var banner = document.getElementById('consentBanner');
                if (!banner) return;
                requestAnimationFrame(function() {
                    banner.classList.remove('d-none');
                    banner.style.display = 'block';
                    requestAnimationFrame(function() {
                        banner.classList.add('show');
                    });
                });
            }

            function hideConsentBanner() {
                var banner = document.getElementById('consentBanner');
                if (!banner) return;
                requestAnimationFrame(function() {
                    banner.classList.remove('show');
                    setTimeout(function() {
                        banner.style.display = 'none';
                        banner.classList.add('d-none');
                    }, 300);
                });
            }

            function showConsentModal() {
                var modal = document.getElementById('consentModal');
                if (!modal) return;
                var prefs = getConsentPreferences();
                document.getElementById('consentAnalytics').checked = prefs ? prefs.analytics : false;
                document.getElementById('consentAds').checked = prefs ? prefs.ads : false;
                modal.style.display = 'block';
                modal.setAttribute('aria-hidden', 'false');
                document.body.classList.add('consent-modal-open');
            }

            function hideConsentModal() {
                var modal = document.getElementById('consentModal');
                if (modal) {
                    modal.style.display = 'none';
                    modal.setAttribute('aria-hidden', 'true');
                    document.body.classList.remove('consent-modal-open');
                }
            }

            function saveFromModalAndClose() {
                var prefs = {
                    analytics: document.getElementById('consentAnalytics').checked,
                    ads: document.getElementById('consentAds').checked
                };
                setConsentPreferences(prefs, 'custom');
                applyConsentToGtag(prefs);
                hideConsentModal();
                hideConsentBanner();
            }

            document.addEventListener('DOMContentLoaded', function() {
                var prefs = getConsentPreferences();
                var status = localStorage.getItem(CONSENT_KEY);

                if (status === 'accepted') {
                    applyConsentToGtag({ analytics: true, ads: true });
                } else if (status === 'rejected') {
                    applyConsentToGtag({ analytics: false, ads: false });
                } else if (prefs) {
                    applyConsentToGtag(prefs);
                } else {
                    showConsentBanner();
                }

                document.getElementById('aceitarCookies') && document.getElementById('aceitarCookies').addEventListener('click', function() {
                    setConsentPreferences({ analytics: true, ads: true }, 'accepted');
                    applyConsentToGtag({ analytics: true, ads: true });
                    hideConsentBanner();
                    hideConsentModal();
                });

                document.getElementById('recusarCookies') && document.getElementById('recusarCookies').addEventListener('click', function() {
                    setConsentPreferences({ analytics: false, ads: false }, 'rejected');
                    applyConsentToGtag({ analytics: false, ads: false });
                    hideConsentBanner();
                    hideConsentModal();
                });

                document.getElementById('gerenciarCookies') && document.getElementById('gerenciarCookies').addEventListener('click', function() {
                    showConsentModal();
                });

                document.getElementById('consentModalClose') && document.getElementById('consentModalClose').addEventListener('click', hideConsentModal);
                document.getElementById('consentModalSalvar') && document.getElementById('consentModalSalvar').addEventListener('click', saveFromModalAndClose);
                document.getElementById('consentModalAceitarTodos') && document.getElementById('consentModalAceitarTodos').addEventListener('click', function() {
                    setConsentPreferences({ analytics: true, ads: true }, 'accepted');
                    applyConsentToGtag({ analytics: true, ads: true });
                    hideConsentModal();
                    hideConsentBanner();
                });
                document.getElementById('consentModalRecusarTodos') && document.getElementById('consentModalRecusarTodos').addEventListener('click', function() {
                    setConsentPreferences({ analytics: false, ads: false }, 'rejected');
                    applyConsentToGtag({ analytics: false, ads: false });
                    hideConsentModal();
                    hideConsentBanner();
                });

                var backdrop = document.querySelector('#consentModal .consent-modal-backdrop');
                if (backdrop) backdrop.addEventListener('click', hideConsentModal);
            });
        })();
    </script>

    <style>
        /* Banner de consentimento - fica acima do overlay */
        .consent-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
            padding: 20px 0;
            box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
            z-index: 9999;
            opacity: 0;
            transform: translateY(100%);
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

        .consent-banner.show {
            opacity: 1;
            transform: translateY(0);
        }

        .consent-banner a {
            font-weight: 600;
        }

        .consent-banner a:hover {
            text-decoration: underline !important;
        }

        @media (max-width: 991px) {
            .consent-banner {
                padding: 15px 0;
            }
        }

        /* Garantir que o banner fique responsivo em telas pequenas */
        @media (max-width: 576px) {
            .consent-banner .btn {
                width: 100%;
                margin-bottom: 0.5rem !important;
            }
            .consent-banner .col-lg-4 {
                text-align: center !important;
            }
        }

        /* Modal Gerenciar opções */
        .consent-modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 1rem; }
        .consent-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.6); }
        .consent-modal-dialog { position: relative; width: 100%; max-width: 480px; max-height: 90vh; overflow: auto; }
        .consent-modal-content { background: #fff; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); }
        .consent-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid #dee2e6; }
        .consent-modal-title { margin: 0; font-size: 1.25rem; font-weight: 600; }
        .consent-modal-close { background: none; border: none; font-size: 1.75rem; line-height: 1; color: #6c757d; cursor: pointer; padding: 0 0.25rem; }
        .consent-modal-close:hover { color: #000; }
        .consent-modal-body { padding: 1.25rem; }
        .consent-modal-footer { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-end; padding: 1rem 1.25rem; border-top: 1px solid #dee2e6; }
        body.consent-modal-open { overflow: hidden; }
    </style>

        
    <!-- Script para Modal de Produtos -->
    <script>
        const imagemPadrao = 'https://www.ogamer.com.br/assets/img/fundo-artigo.avif';
        
        function carregarProdutoModal(produtoId, reviewId = '') {
            const modalBody = document.getElementById('modalProduto' + produtoId + 'Body');
            
            // Mostrar loading
            modalBody.innerHTML = '<div class="text-center py-5"><div class="spinner-border text-primary" role="status"><span class="visually-hidden">Carregando...</span></div></div>';
            
            // Buscar dados do produto
            fetch('/api/produto/' + produtoId)
                .then(response => response.json())
                .then(data => {
                    // Combinar imagem principal com galeria para miniaturas
                    const todasImagens = [];
                    if (data.imagem_principal && data.imagem_principal.url) {
                        todasImagens.push(data.imagem_principal);
                    }
                    if (data.galeria && data.galeria.length > 0) {
                        // Adicionar apenas imagens da galeria que não sejam a principal
                        data.galeria.forEach(img => {
                            if (img.url !== data.imagem_principal?.url) {
                                todasImagens.push(img);
                            }
                        });
                    }
                    
                    // Construir HTML da modal com abas
                    let html = `
                        <div class="row g-4">
                            <!-- Coluna de Imagens -->
                            <div class="col-md-4">
                                <div class="sticky-top" style="top: 20px;">
                                    <!-- Imagem Principal -->
                                    <div class="${todasImagens.length > 1 ? 'mb-3 ' : ''}produto-galeria-principal">
                                        <div class="produto-imagem-container">
                                            <img id="imagemPrincipal${produtoId}" src="${data.imagem_principal ? data.imagem_principal.url : imagemPadrao}" 
                                                 alt="${data.nome}" 
                                                 class="produto-imagem-principal" 
                                                 onerror="this.src=imagemPadrao">
                                        </div>
                                    </div>
                                    
                                    <!-- Galeria de Miniaturas -->
                                    ${todasImagens.length > 1 ? `
                                        <div class="produto-galeria-thumbnails">
                                            ${todasImagens.map((img, index) => `
                                                <div class="produto-thumbnail-wrapper ${index === 0 ? 'active' : ''}" 
                                                     onclick="
                                                         const principalImg = document.getElementById('imagemPrincipal${produtoId}');
                                                         principalImg.style.opacity = '0.3';
                                                         setTimeout(() => {
                                                             principalImg.src = '${img.url}';
                                                             principalImg.style.opacity = '1';
                                                         }, 200);
                                                         document.querySelectorAll('#modalProduto${produtoId} .produto-thumbnail-wrapper').forEach(thumb => thumb.classList.remove('active'));
                                                         this.classList.add('active');
                                                     ">
                                                    <img src="${img.url_thumb || img.url}" 
                                                         alt="${data.nome}" 
                                                         class="produto-thumbnail" 
                                                         onerror="this.src=imagemPadrao">
                                                </div>
                                            `).join('')}
                                        </div>
                                    ` : ''}
                                </div>
                            </div>
                            
                            <!-- Coluna de Informações -->
                            <div class="col-md-8">
                                <!-- Título e Preço -->
                                <div class="mb-3 pt-3" style="font-size: 1.25rem; font-weight: 600;">${data.nome}</div>
                                ${data.preco ? `<div class="text-primary fw-bold mb-4" style="font-size: 1.5rem;">R$ ${data.preco}</div>` : ''}
                                
                                <!-- Links de Afiliados -->
                                ${data.afiliados && data.afiliados.length > 0 ? `
                                    <div class="d-flex flex-wrap gap-2 mb-4">
                                        ${data.afiliados.map(afiliado => `
                                            <a href="${afiliado.url}${reviewId ? '?review=' + reviewId + '&ref=modal' : '?ref=modal'}" 
                                               target="_blank" 
                                               rel="nofollow sponsored"
                                               class="btn btn-lg btn-danger">
                                                <i class="bi-box-arrow-up-right me-1"></i>
                                                Comprar em ${afiliado.nome}
                                            </a>
                                        `).join('')}
                                    </div>
                                ` : ''}
                                
                                <!-- Abas -->
                                <ul class="nav nav-tabs mb-3" id="produtoTabs${produtoId}" role="tablist" style="font-size: 75%;">
                                    ${data.descricao ? `
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link active" id="descricao-tab${produtoId}" data-bs-toggle="tab" data-bs-target="#descricao${produtoId}" type="button" role="tab">
                                                Descrição
                                            </button>
                                        </li>
                                    ` : ''}
                                    ${data.sobre_item ? `
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link ${!data.descricao ? 'active' : ''}" id="sobre-tab${produtoId}" data-bs-toggle="tab" data-bs-target="#sobre${produtoId}" type="button" role="tab">
                                                Sobre o Item
                                            </button>
                                        </li>
                                    ` : ''}
                                    ${data.detalhes ? `
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link ${!data.descricao && !data.sobre_item ? 'active' : ''}" id="detalhes-tab${produtoId}" data-bs-toggle="tab" data-bs-target="#detalhes${produtoId}" type="button" role="tab">
                                                Detalhes
                                            </button>
                                        </li>
                                    ` : ''}
                                    ${data.adicionais ? `
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link ${!data.descricao && !data.sobre_item && !data.detalhes ? 'active' : ''}" id="adicionais-tab${produtoId}" data-bs-toggle="tab" data-bs-target="#adicionais${produtoId}" type="button" role="tab">
                                                Adicionais
                                            </button>
                                        </li>
                                    ` : ''}
                                    ${data.especificacoes && Object.keys(data.especificacoes).length > 0 ? `
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link ${!data.descricao && !data.sobre_item && !data.detalhes && !data.adicionais ? 'active' : ''}" id="especificacoes-tab${produtoId}" data-bs-toggle="tab" data-bs-target="#especificacoes${produtoId}" type="button" role="tab">
                                                Especificações
                                            </button>
                                        </li>
                                    ` : ''}
                                    ${data.opinioes ? `
                                        <li class="nav-item" role="presentation">
                                            <button class="nav-link" id="opinioes-tab${produtoId}" data-bs-toggle="tab" data-bs-target="#opinioes${produtoId}" type="button" role="tab">
                                                Opiniões
                                            </button>
                                        </li>
                                    ` : ''}
                                </ul>
                                
                                <!-- Conteúdo das Abas -->
                                <div class="tab-content" id="produtoTabsContent${produtoId}" style="font-size: 80%;">
                                    ${data.descricao ? `
                                        <div class="tab-pane fade show active" id="descricao${produtoId}" role="tabpanel">
                                            <div class="produto-descricao">${data.descricao}</div>
                                        </div>
                                    ` : ''}
                                    ${data.sobre_item ? `
                                        <div class="tab-pane fade ${!data.descricao ? 'show active' : ''}" id="sobre${produtoId}" role="tabpanel">
                                            <div class="produto-sobre-item">${data.sobre_item}</div>
                                        </div>
                                    ` : ''}
                                    ${data.detalhes ? `
                                        <div class="tab-pane fade ${!data.descricao && !data.sobre_item ? 'show active' : ''}" id="detalhes${produtoId}" role="tabpanel">
                                            <div class="produto-detalhes">${data.detalhes}</div>
                                        </div>
                                    ` : ''}
                                    ${data.adicionais ? `
                                        <div class="tab-pane fade ${!data.descricao && !data.sobre_item && !data.detalhes ? 'show active' : ''}" id="adicionais${produtoId}" role="tabpanel">
                                            <div class="produto-adicionais">${data.adicionais}</div>
                                        </div>
                                    ` : ''}
                                    ${data.especificacoes && Object.keys(data.especificacoes).length > 0 ? `
                                        <div class="tab-pane fade ${!data.descricao && !data.sobre_item && !data.detalhes && !data.adicionais ? 'show active' : ''}" id="especificacoes${produtoId}" role="tabpanel">
                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <tbody>
                                                        ${Object.entries(data.especificacoes).map(([chave, valor]) => `
                                                            <tr>
                                                                <th style="width: 40%;">${chave}</th>
                                                                <td>${valor}</td>
                                                            </tr>
                                                        `).join('')}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    ` : ''}
                                    ${data.opinioes ? `
                                        <div class="tab-pane fade" id="opinioes${produtoId}" role="tabpanel">
                                            <div class="produto-opinioes">${data.opinioes}</div>
                                        </div>
                                    ` : ''}
                                </div>
                            </div>
                        </div>
                    `;
                    
                    modalBody.innerHTML = html;
                })
                .catch(error => {
                    console.error('Erro ao carregar produto:', error);
                    modalBody.innerHTML = `
                        <div class="alert alert-danger">
                            <i class="bi-exclamation-triangle me-2"></i>
                            Erro ao carregar informações do produto. Tente novamente.
                        </div>
                    `;
                });
        }
    </script>
    
    <style>
        .produto-descricao img,
        .produto-sobre-item img,
        .produto-detalhes img,
        .produto-adicionais img,
        .produto-opinioes img {
            max-width: 100%;
            height: auto;
        }
        .img-thumbnail {
            transition: transform 0.2s;
        }
        .img-thumbnail:hover {
            transform: scale(1.05);
        }
        
        /* Paginação customizada */
        .pagination-nav {
            display: block;
            margin-top: 2rem;
        }

        /* Mobile */
        .pagination-mobile {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }

        .pagination-btn {
            display: inline-flex;
            align-items: center;
            padding: 10px 16px;
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
            border: 1px solid #e1e8ed;
            border-radius: 6px;
            transition: all 0.3s;
            color: #374151;
            background: white;
        }

        .pagination-btn:hover {
            background: #f3f4f6;
            color: #667eea;
            border-color: #667eea;
        }

        .pagination-btn-disabled {
            background: #f3f4f6;
            color: #9ca3af;
            border-color: #e1e8ed;
            cursor: not-allowed;
            pointer-events: none;
        }

        .pagination-btn-next {
            margin-left: auto;
        }

        /* Desktop */
        .pagination-desktop {
            display: none;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }

        .pagination-info {
            flex: 1;
        }

        .pagination-info p {
            font-size: 14px;
            color: #374151;
            margin: 0;
        }

        .pagination-number {
            font-weight: 500;
            color: #333;
        }

        .pagination-controls {
            display: flex;
            align-items: center;
        }

        .pagination-buttons {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .pagination-btn-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            padding: 8px;
            border: 1px solid #e1e8ed;
            border-radius: 6px;
            text-decoration: none;
            color: #6b7280;
            background: white;
            transition: all 0.3s;
        }

        .pagination-btn-icon:hover:not(.pagination-btn-disabled) {
            background: #f3f4f6;
            color: #667eea;
            border-color: #667eea;
        }

        .pagination-btn-icon.pagination-btn-disabled {
            background: #f3f4f6;
            color: #9ca3af;
            border-color: #e1e8ed;
            cursor: not-allowed;
            pointer-events: none;
        }

        .pagination-icon {
            width: 20px;
            height: 20px;
        }

        .pagination-page {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 36px;
            padding: 8px 12px;
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
            border: 1px solid #e1e8ed;
            border-radius: 6px;
            color: #374151;
            background: white;
            transition: all 0.3s;
        }

        .pagination-page:hover {
            background: #f3f4f6;
            color: #667eea;
            border-color: #667eea;
        }

        .pagination-page-active {
            background: #667eea !important;
            color: white !important;
            border-color: #667eea !important;
            cursor: default;
        }

        .pagination-dots {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 36px;
            padding: 8px 12px;
            font-size: 14px;
            color: #6b7280;
        }

        @media (min-width: 640px) {
            .pagination-mobile {
                display: none;
            }

            .pagination-desktop {
                display: flex;
            }
        }
        
        /* Botão Voltar ao Topo */
        .btn-voltar-topo {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: #667eea;
            color: white;
            border: none;
            cursor: pointer;
            display: none;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
            transition: all 0.3s ease;
            z-index: 1000;
            opacity: 0;
            transform: translateY(20px);
        }
        
        .btn-voltar-topo.visible {
            display: flex;
            opacity: 1;
            transform: translateY(0);
        }
        
        .btn-voltar-topo:hover {
            background: #5568d3;
            box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);
            transform: translateY(-3px);
        }
        
        .btn-voltar-topo:active {
            transform: translateY(0);
        }
        
        @media (max-width: 768px) {
            .btn-voltar-topo {
                bottom: 20px;
                right: 20px;
                width: 45px;
                height: 45px;
                font-size: 18px;
            }
        }
        
        /* Breadcrumbs */
        .breadcrumb-container {
            background: #f8f9fa;
            padding: 1rem 0;
            border-bottom: 1px solid #e1e8ed;
        }
        
        .breadcrumb-nav {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            list-style: none;
            padding: 0;
            margin: 0;
            font-size: 14px;
        }
        
        .breadcrumb-nav li {
            display: inline-flex;
            align-items: center;
        }
        
        .breadcrumb-nav li:not(:last-child)::after {
            content: '/';
            margin: 0 8px;
            color: #6b7280;
        }
        
        .breadcrumb-nav a {
            color: #2563eb !important; /* Contraste 4.5:1+ em fundo #f8f9fa */
            text-decoration: none;
            transition: color 0.2s;
        }
        
        .breadcrumb-nav a:hover {
            color: #1d4ed8 !important; /* Contraste 5.5:1+ no hover */
            text-decoration: underline;
        }
        
        .breadcrumb-nav .breadcrumb-current {
            color: #1f2937 !important; /* Contraste 12.6:1 em fundo #f8f9fa */
            font-weight: 500;
        }
        
        .breadcrumb-nav span[itemprop="name"] {
            color: #2563eb !important; /* Contraste 4.5:1+ para links do breadcrumb */
        }
        
        /* Loading Skeleton */
        .placeholder-glow .placeholder {
            animation: placeholder-glow 2s ease-in-out infinite;
        }
        
        @keyframes placeholder-glow {
            50% {
                opacity: 0.2;
            }
        }
        
        /* Autocomplete Sugestões */
        #sugestoesBusca {
            background: white;
            border: 1px solid #e1e8ed;
            border-radius: 6px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        
        #sugestoesBusca .list-group-item {
            border: none;
            border-bottom: 1px solid #f0f0f0;
            padding: 10px 15px;
            transition: background 0.2s;
        }
        
        #sugestoesBusca .list-group-item:last-child {
            border-bottom: none;
        }
        
        #sugestoesBusca .list-group-item:hover {
            background: #f8f9fa;
        }
        
        /* Destaque de termos */
        mark.bg-warning {
            background-color: #ffc107 !important;
            padding: 2px 4px;
            border-radius: 3px;
        }
        
        /* Melhorar contraste de cores para acessibilidade */
        .card .ellipsis-line-3,
        .card .ellipsis-line-4,
        .card p {
            color: #434a57 !important; /* Contraste mínimo 4.5:1 em fundo branco */
        }
        .card .text-reset,
        .card .link-effect {
            color: #152C5B !important; /* Contraste mínimo 4.5:1 em fundo branco */
        }
        .card .text-reset:hover,
        .card .link-effect:hover {
            color: #4361ee !important;
        }
        /* Contraste para autor e data nos cards */
        .card-footer .pe-3,
        .card-footer span {
            color: #434a57 !important; /* Contraste mínimo 4.5:1 */
        }
        .card-footer .pe-3 a {
            color: #434a57 !important; /* Contraste mínimo 4.5:1 */
        }
        /* Contraste para badges */
        .badge.bg-secondary {
            background-color: #6c757d !important;
            color: #ffffff !important; /* Contraste mínimo 4.5:1 */
        }
        /* Contraste para placeholders de inputs - cor bem mais escura para contraste 4.5:1+ */
        /* Usar seletores mais específicos para garantir que sobrescreva o CSS externo */
        input.form-control::placeholder,
        textarea.form-control::placeholder,
        .form-control::placeholder {
            color: #111827 !important; /* Contraste 15.8:1 em fundo branco (muito acima do mínimo 4.5:1) */
            opacity: 1 !important;
        }
        input.form-control:-ms-input-placeholder,
        textarea.form-control:-ms-input-placeholder,
        .form-control:-ms-input-placeholder {
            color: #111827 !important;
            opacity: 1 !important;
        }
        input.form-control::-ms-input-placeholder,
        textarea.form-control::-ms-input-placeholder,
        .form-control::-ms-input-placeholder {
            color: #111827 !important;
            opacity: 1 !important;
        }
        /* Garantir contraste também para inputs dentro de forms */
        form input.form-control::placeholder,
        form textarea.form-control::placeholder,
        .d-flex input.form-control::placeholder,
        .d-flex textarea.form-control::placeholder {
            color: #111827 !important;
            opacity: 1 !important;
        }
        /* Imagem de destaque no início do review (parceiro) – legenda como badge da página inicial */
        .review-imagem-destaque-parceiro {
            margin: 1.5rem 0 2rem;
            max-width: 100%;
        }
        .review-imagem-destaque-parceiro img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
            object-fit: cover;
        }
        .review-imagem-destaque-parceiro figcaption {
            width: auto !important;
            height: auto !important;
            top: auto !important;
        }
        /* Contraste para textos no conteúdo do review */
        .conteudo-artigo p,
        .conteudo-artigo li {
            color: #374151 !important; /* Contraste 7.5:1 em fundo branco */
        }
        .conteudo-artigo p strong,
        .conteudo-artigo li strong {
            color: #1f2937 !important; /* Contraste 12.6:1 em fundo branco (muito acima do mínimo) */
        }
        /* Contraste para text-muted (small, descrições) */
        .text-muted,
        small.text-muted {
            color: #4b5563 !important; /* Contraste 7.5:1 (mais escuro que padrão) */
        }
        .template-produto .text-muted,
        .template-produto small.text-muted {
            color: #4b5563 !important;
        }
        /* Contraste para tabelas de comparação */
        table td,
        table td.fw-bold {
            color: #374151 !important; /* Contraste 7.5:1 */
        }
        table td strong {
            color: #1f2937 !important; /* Contraste 12.6:1 */
        }
        /* Contraste para botões outline (compartilhamento) */
        .btn-outline-primary {
            color: #2563eb !important; /* Contraste 4.5:1+ */
            border-color: #2563eb !important;
        }
        .btn-outline-info {
            color: #0369a1 !important; /* Contraste 4.5:1+ (mais escuro que #0284c7) */
            border-color: #0369a1 !important;
        }
        .btn-outline-info:hover {
            color: #ffffff !important;
            background-color: #0369a1 !important;
            border-color: #0369a1 !important;
        }
        .btn-outline-success {
            color: #15803d !important; /* Contraste 4.5:1+ (mais escuro que #16a34a) */
            border-color: #15803d !important;
        }
        .btn-outline-success:hover {
            color: #ffffff !important;
            background-color: #15803d !important;
            border-color: #15803d !important;
        }
        .btn-outline-secondary {
            color: #374151 !important; /* Contraste 7.5:1 (mais escuro que #4b5563) */
            border-color: #6b7280 !important;
        }
        .btn-outline-secondary:hover {
            color: #ffffff !important;
            background-color: #6b7280 !important;
            border-color: #6b7280 !important;
        }
        /* Contraste para botões btn-danger (Comprar em Amazon) */
        .btn-danger {
            background-color: #dc2626 !important; /* Vermelho mais escuro - contraste 4.5:1+ com texto branco */
            border-color: #dc2626 !important;
            color: #ffffff !important; /* Texto branco para máximo contraste */
        }
        .btn-danger:hover {
            background-color: #b91c1c !important; /* Vermelho ainda mais escuro no hover */
            border-color: #b91c1c !important;
        }
        /* Estilo para categoria dentro do link unificado */
        .link-effect .text-muted {
            color: #858c97 !important; /* Cor mais suave para categoria */
            font-size: 0.8rem;
            margin-bottom: 0.25rem;
        }
        .link-effect:hover .text-muted {
            color: #576071 !important; /* Cor um pouco mais escura no hover */
        }
        /* Garantir área de toque adequada para links da sidebar sem cortar conteúdo */
        .ps-3 .link-effect {
            min-height: 48px;
            min-width: 48px;
        }
        /* Classe ellipsis-line-4 para permitir 4 linhas */
        .ellipsis-line-4 {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }
    </style>
    
    <!-- Script para Botão Voltar ao Topo -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const btnVoltarTopo = document.getElementById('btnVoltarTopo');
            
            if (!btnVoltarTopo) return;
            
            let ticking = false;
            let isVisible = false;
            
            // Mostrar/ocultar botão baseado no scroll - Otimizado com requestAnimationFrame
            function toggleButton() {
                const scrollY = window.pageYOffset || window.scrollY;
                const shouldBeVisible = scrollY > 300;
                
                // Só atualizar DOM se o estado mudou (evita reflows desnecessários)
                if (shouldBeVisible !== isVisible) {
                    isVisible = shouldBeVisible;
                    if (shouldBeVisible) {
                        btnVoltarTopo.classList.add('visible');
                    } else {
                        btnVoltarTopo.classList.remove('visible');
                    }
                }
                
                ticking = false;
            }
            
            // Usar requestAnimationFrame para otimizar reflows
            function onScroll() {
                if (!ticking) {
                    window.requestAnimationFrame(toggleButton);
                    ticking = true;
                }
            }
            
            // Scroll suave ao clicar
            btnVoltarTopo.addEventListener('click', function() {
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
            });
            
            // Verificar posição do scroll com throttling otimizado
            window.addEventListener('scroll', onScroll, { passive: true });
            
            // Verificar na carga inicial (sem requestAnimationFrame para resposta imediata)
            toggleButton();
        });
    </script>
    
    <!-- Script para garantir que offcanvas e dropdown funcionem - Otimizado -->
    <script>
        // Aguardar Bootstrap estar carregado (já que está com defer)
        function initBootstrapComponents() {
            if (typeof bootstrap === 'undefined') {
                setTimeout(initBootstrapComponents, 100);
                return;
            }
            
            // Usar requestAnimationFrame para evitar reflows durante inicialização
            requestAnimationFrame(function() {
                // Cache de elementos para evitar múltiplas consultas ao DOM
                const offcanvasElements = document.querySelectorAll('[data-bs-toggle="offcanvas"]');
                const dropdownToggles = document.querySelectorAll('[data-bs-toggle="dropdown"]');
                
                // Garantir que offcanvas funcione
                offcanvasElements.forEach(function(element) {
                    element.addEventListener('click', function(e) {
                        // Usar requestAnimationFrame para evitar reflow ao consultar DOM
                        requestAnimationFrame(function() {
                            const targetId = this.getAttribute('data-bs-target');
                            if (targetId) {
                                const offcanvas = document.querySelector(targetId);
                                if (offcanvas && typeof bootstrap !== 'undefined') {
                                    const bsOffcanvas = bootstrap.Offcanvas.getOrCreateInstance(offcanvas);
                                    bsOffcanvas.show();
                                }
                            }
                        }.bind(this));
                    });
                });
                
                // Garantir que dropdown funcione
                dropdownToggles.forEach(function(element) {
                    element.addEventListener('click', function(e) {
                        // Usar requestAnimationFrame para evitar reflow
                        requestAnimationFrame(function() {
                            if (typeof bootstrap !== 'undefined') {
                                const dropdown = bootstrap.Dropdown.getOrCreateInstance(this);
                                dropdown.toggle();
                            }
                        }.bind(this));
                    });
                });
            });
        }
        
        // Iniciar quando DOM estiver pronto
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', initBootstrapComponents);
        } else {
            initBootstrapComponents();
        }
    </script>

</body>
</html>