/*
#attachmentsgrid  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    
}

#attachmentsgrid .attachmentgrid {
    width: 20%; 
    padding: 5px;
}

@media (max-width:400px){
    #attachmentsgrid .attachmentgrid {
        width: 33%;
        padding: 5px;
    }
}


#attachmentsgrid .attachmentgrid button {
    position: relative;
    border: none;
    background: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    transition: all .5 ease;
}

#attachmentsgrid .attachmentgrid button img {
    transition: all .5s ease;
    object-fit: contain;
    width: 100%;
    max-height: 100px;
}

#attachmentsgrid .attachmentgrid button:hover img {
    transform: scale(.95);
}

#attachmentsgrid .attatchmentgridlink a{
    text-decoration: none;
    color: white!important;
}

#attachmentsgrid  .attatchmentgridlink:hover a{
    color: white!important;
} */

/* Nuevos estilos para La vista de los adjuntos */

 #attachmentsgrid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

#attachmentsgrid .attachmentgrid {
    padding: 5px;
}


#attachmentsgrid .attachmentgrid a figure{
	width:100px;
	margin: 0;
}

#attachmentsgrid a figure img {
	position: relative;
	object-fit: contain;
	width: 100%;
	height: 100%;
	display:none;
}

#attachmentsgrid a figure figcaption {
	text-align: center;
	margin-top: 10px;
	color: #f0a500;
	font-weight:400;
	font-weight: 600;
    text-decoration: underline;
}

#attachmentsgrid .attachmentgrid a:hover img {
    transform: scale(.95);
}