@charset "utf-8";
/* CSS Document */
.box-news{
	max-width: 400px;
}
.coluna-esquerda-vw {


  width: 32vw;

}
.coluna-direita-vw {
	 flex-grow: 1;
  width: auto;
  padding-left: 0;
	width: 60vw;
}
/* CSS para o comportamento padrão (desktop: esquerda, depois direita) */
.row .coluna-esquerda-vw {
  order: 1; /* A coluna esquerda aparece primeiro */
}

.row .coluna-direita-vw {
  order: 2; /* A coluna direita aparece depois */
}

/* Media Query para telas pequenas (mobile) - até 767.98px de largura */
/* Este é o breakpoint de 'sm' no Bootstrap, o que significa xs e sm */
@media (max-width: 1250px) {
  .row .coluna-esquerda-vw {
    order: 2; /* No mobile, a coluna esquerda vai para a segunda posição (para baixo) */
  }

  .row .coluna-direita-vw {
    order: 1; /* No mobile, a coluna direita vai para a primeira posição (para cima) */
  }
	.anuncio-feed{
	display: block !important;
}
}


/* Opcional: Para garantir que as colunas se empilhem em mobile se ainda não o fizerem naturalmente */
/* Isso geralmente já é feito pelo sistema de grid do Bootstrap (col-12, etc.), mas pode ser útil se for preciso */
@media (max-width: 1250px) {
    .coluna-esquerda-vw,
    .coluna-direita-vw {
        width: 100%; /* Ocupa 100% da largura em mobile */
		margin-left: auto;
		margin-right: auto;
		
    }
	.box-news{
	max-width: 600px;
}
}