@scope(.simulador__publico){
/*
' ===================================@FICHEIRO=====================================
' @DESC    Folha de estilo para Cards.
' @AUTOR   DAC
' @VERSAO  1.10 2025-10-20
' @NOVO   Atualizações de acessibilidade.
' ===================================@FICHEIRO.====================================
*/

.cardColuna {
	width: 33.3%;
	float: left;
	margin: 0;
}
.card {
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	margin: 10px 5px; 
	padding: 5px;
	height: 250px;
	overflow-y: hidden;
	transition: height 1s;
	border: 2px solid transparent;
}
.card.erro {
	border: 2px solid rgb(255, 0, 0);
}
.card:hover {
	box-shadow: 0 0 12px 0 rgba(20, 67, 100, 0.4);
}
.card  > div {
	overflow: hidden;
} 
.card  > div:first-child{
	float: left;
}
.card p{
	text-align: left;
}
.card a{
	color: rgb(37, 103, 191); /* azul-3 */
	outline: none;
	/*text-decoration: none;*/
}
.card a:hover{
	color: rgb(1, 33, 105); /* azul-4 */
}
.card img.imagem {
	width: 80px; 
	height: 80px; 
	padding: 5px;
	float: left;
}
.card .title{
	font-size: 16px !important;
	color: rgb(1, 33, 105); /* azul-4 */
	margin: 5px 0 0 0;
	font-weight: bold;
}
.card .title2{
	font-size: 16px !important;
	color: rgb(1, 33, 105); /* azul-4 */
	margin: -5px 0 10px 0;
}
.card .footer{
    width: 100%;
	padding: 10px 0 0 0;
    clear: both;
	font-size: 0.8em;
	position: relative;
	text-align: center;
}
}