.distribuir-img{
  justify-content: space-between!important;

  
}

.img-compact1{
  width: 40%!important;
  height: auto;
}

.img-compact1-text{
  font-size: 12px;
  flex-wrap: wrap!important;
}

.img-compact{
  justify-content: space-between!important;
display: flex!important;
flex-wrap: wrap!important;
float: left;
}


/**********************************/
/********** Top News CSS **********/
/**********************************/
.top-news {
  position: relative;
  width: 100%;
  
}

.top-news .col-md-6 {
  margin-bottom: 30px;
}

.top-news .tn-img {
  position: relative;
  overflow: hidden;
}

.top-news .tn-img img {
  width: 100%;
}



.top-news .tn-content {
  position: absolute;
  top: 0; 
  right: 0;
  bottom: 0; 
  left: 0;
  padding: 15px 10px 15px 20px;
  background-image: linear-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, .3), rgba(0, 0, 0, .9));
  display: flex;
  align-items: flex-end;
}

.top-news .tn-content a.tn-date{
  display: block;
  width: 100%;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  transition: .3s;
  letter-spacing: 1px;
}

.top-news .tn-content a.tn-date i {
  margin-right: 5px;
}

.top-news .tn-content a.tn-date:hover {
  text-decoration: underline;
}

.top-news .tn-content a.tn-title {
  display: block;
  width: 100%;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  transition: .3s;
}

.top-news .tn-left .tn-content a.tn-title {
  font-size: 35px;
  font-weight: 700;
}

.top-news .tn-content a.tn-title:hover {
  color: whitesmoke;
}


.world-beach{
  display: flex!important;
  justify-content: center!important;
  
  margin-bottom: 2rem;
 

}

.world-beach2{
  width: 100%;
  height: 600px;
}


.img--shadow{
  /* box-shadow: 0 -5px 10px  bisque,
  0 5px 10px bisque!important; */
  border-top: 2px solid bisque;
  border-bottom: 2px solid bisque;
}

body.light-mode .img--shadow{
  border-top: 2px solid midnightblue;
  border-bottom: 2px solid midnightblue
}


.fotobasquet_world{

  margin-top: 2rem;
}