.scann-container {
    max-width:100%;
    transition: all 0.25s ease;
    

}

.scann-image {
  background-size: cover;
  background-position: center;
  height: 360px;
  position: relative;
  

}


  
.scann-image img {
  display: none;
}
  

.scann-content {
  padding: 10px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
}

.scann-content h3 {
   font-size: 1.5em;
   font-weight: bold;
   line-height: 1.2em;
   margin: 0;
   font-family: helvetica condensed;
   font-weight: bold;
	text-shadow: black 0.1em 0.1em 0.2em;

}
.scann-content a {
    color: #fff;
    text-decoration: none;
  
}

.scann-content a:hover {
    color: #ff0000; /* Change to your desired hover color */
}

.scann-content p {
  font-size: 14px;
  margin: 0;
  font-family: helvetica;
  color: #fff;  
  margin-left:0.8em;
}

.scann-meta {

display:inline-flex;

}


.scann-enfasis {
font-size: 14px;
  margin: 0;
  font-family: helvetica;
  font-weight: bold;
  color: #fff;  
    background:#bb0000;
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
    padding-bottom:3px;



}

/* Media query para dispositivos móviles (ancho máximo de 768px) */
@media only screen and (max-width: 768px) {
  .scann-container {
    width: 100%; /* Asegura que ocupe todo el ancho disponible */
    display: block; /* Cambia a mostrar en columna */
	      margin-bottom: 20px;
  }
  
  
}