/* ========================================================= DARK MODE MOBILE HEADER ========================================================= */ @media (max-width: 768px) and (prefers-color-scheme: dark) { .nav-container, .nav-desktop, .navbar, .navbar-header, .navbar-collapse, header { background-color: #111 !important; background-image: none !important; } .li-navbar-brand, .navbar-brand, .navbar-brand img { background: transparent !important; } .navbar-brand img{ max-width:100% !important; height:auto !important; display:block; } .navbar-brand:focus, .navbar-brand:active { outline: none !important; box-shadow: none !important; } } /* ========================================================= CORREÇÃO OVERFLOW MOBILE ========================================================= */ html, body{ overflow-x:hidden !important; max-width:100% !important; } /* ========================================================= IMAGENS RESPONSIVAS ========================================================= */ img{ max-width:100% !important; height:auto !important; } /* ========================================================= HEADER MOBILE AJUSTE ========================================================= */ .navbar, .nav-container, .navbar-header{ max-width:100% !important; } /* ========================================================= EMOJIS ========================================================= */ .post-content .emoji, .entry-content .emoji { font-size: 18px !important; line-height: 1 !important; width: auto !important; height: auto !important; display: inline-block !important; margin-right: 6px; vertical-align: middle; } .post-content img.emoji, .entry-content img.emoji { width: 14px !important; height: 14px !important; } /* ========================================================= TÍTULOS COM EMOJI ========================================================= */ .post-content h1, .post-content h2, .entry-content h1, .entry-content h2 { display: flex; align-items: center; gap: 6px; } /* ========================================================= BOTÃO DOWNLOAD PREMIUM ========================================================= */ .download-box { text-align: center; margin: 30px 0 15px; } .download-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: linear-gradient( 135deg, #6c4cff, #593ae0 ); padding: 15px 28px; border-radius: 10px; font-weight: 700; font-size: 16px; color: #fff !important; text-decoration: none !important; box-shadow: 0 4px 14px rgba(108,76,255,.35); transition: all .2s ease; position: relative; overflow: hidden; } .download-btn:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 6px 18px rgba(108,76,255,.45); color: #fff !important; } .download-btn:visited, .download-btn:focus, .download-btn:active { color: #fff !important; text-decoration: none !important; } /* ========================================================= LISTAS ========================================================= */ .post-content ul, .post-content ol, .entry-content ul, .entry-content ol { padding-left: 20px; } /* ========================================================= MELHORIAS GERAIS ========================================================= */ img { max-width: 100%; height: auto; } iframe { max-width: 100%; } html { scroll-behavior: smooth; } /* ========================================================= MOBILE OTIMIZAÇÃO ========================================================= */ @media(max-width:768px){ body { overflow-x:hidden; } } /* ========================================================= CATEGORIAS MAIS ORGANIZADAS ========================================================= */ .w-category-grid{ padding-left:0 !important; margin:0 !important; } /* ========================================================= CATEGORIA PAI ========================================================= */ .w-category-grid > li{ list-style:none !important; margin-bottom:10px !important; } /* ========================================================= LINKS ========================================================= */ .w-category-grid li a{ display:block; text-decoration:none; } /* ========================================================= CATEGORIA PRINCIPAL ========================================================= */ .w-category-grid > li > a{ font-weight:700 !important; font-size:15px; color:#222 !important; } /* ========================================================= SUBCATEGORIAS ========================================================= */ .w-category-grid .sub-cat{ margin-left:18px !important; margin-top:4px !important; margin-bottom:4px !important; list-style:disc !important; } .w-category-grid .sub-cat a{ font-weight:400 !important; font-size:14px; color:#555 !important; } /* ========================================================= CONTADOR POSTS ========================================================= */ .w-category-grid .cat-count{ opacity:.8; font-weight:400; } /* ========================================================= HOVER CATEGORIAS ========================================================= */ .w-category-grid li a:hover{ color:#6c4cff !important; transition:all .2s ease; } .w-category-grid li a:hover .cat-name{ color:#6c4cff !important; } /* ========================================================= CATEGORIAS ESTILO MAGAZINE ========================================================= */ .w-category-grid{ padding-left:0 !important; margin:0 !important; } /* ========================================================= CATEGORIA PRINCIPAL ========================================================= */ .w-category-grid > li{ list-style:none !important; margin-top:14px !important; margin-bottom:2px !important; } /* ========================================================= LINK PRINCIPAL ========================================================= */ .w-category-grid > li > a{ font-weight:700 !important; font-size:15px; color:#222 !important; } /* ========================================================= SUBCATEGORIAS ========================================================= */ .w-category-grid .sub-cat{ margin-left:18px !important; margin-top:1px !important; margin-bottom:1px !important; list-style:disc !important; } /* ========================================================= LINK SUBCATEGORIAS ========================================================= */ .w-category-grid .sub-cat a{ font-weight:400 !important; font-size:14px; color:#555 !important; } /* ========================================================= HOVER ========================================================= */ .w-category-grid li a:hover{ color:#6c4cff !important; transition:all .2s ease; } .w-category-grid li a:hover .cat-name{ color:#6c4cff !important; } /* ========================================================= CONTADOR POSTS ========================================================= */ .w-category-grid .cat-count{ opacity:.8; font-weight:400; }