/* Força largura total no conteúdo e sidebar */ .content-wrapper, .main, .sidebar, .post { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } /* Imagens sempre adaptáveis */ .post img { max-width: 100% !important; height: auto !important; display: block; } /* Vídeos responsivos */ .post iframe, .post embed, .post object { max-width: 100% !important; height: auto !important; } /* Sidebar desce abaixo do conteúdo no mobile */ @media screen and (max-width: 768px) { .sidebar { float: none !important; width: 100% !important; clear: both !important; display: block !important; } .main { width: 100% !important; } } /* Menu horizontal vira vertical no celular */ @media screen and (max-width: 600px) { .header .menu, .header .menu ul { display: block !important; width: 100% !important; } .header .menu li { display: block !important; margin: 0 0 10px 0 !important; } } /* Remove rolagem lateral */ html, body { overflow-x: hidden !important; } -->