/* 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;
}
-->
