.relacionados-container {
		margin:10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Espacio entre los elementos */
  text-decoration: none;
  border:0;
}

.relacionados-container a {text-decoration: none;border:0;}

.relacionados-item {
  position:relative;
  display:block;
  width: calc(33.33% - 10px); /* 3 columnas */
  padding-top: calc(33.33% - 10px); /* Relación de aspecto 1:1 */
  background-color: #ccc; /* Color de fondo de los elementos */
  box-sizing: border-box; /* Incluir el padding en el cálculo del tamaño */
  border:0;
  text-decoration: none;
}



.relacionados-titulo{
font-weight: bold;
position:absolute;
bottom:0;
left:0;
text-align: center;
padding:5px 15px;
background-color: rgba(0, 0, 0, 0.6);
text-decoration: none;
color:#ffffff;
border:0;

   font-size: 0.85em; /* Tamaño base del texto */
    white-space: nowrap; /* Evita el salto de línea */
    overflow: hidden; /* Oculta el texto que desborda el contenedor */
    text-overflow: ellipsis; 

}

.relacionados-titulo a {text-decoration: none;border:0;color:#ffffff;}