/**
 * BAANNNG Entidades - Frontend Styles
 * Layout: 3 colunas (imagem | conteúdo | arrow)
 */

#bglbc_entidadestabbuttons {
	 border-radius: 0;
}
#bglbc_entidadestabbuttons:before {
	 display: none;
}

/* ============================================
   CONTAINER PRINCIPAL - CADA ENTIDADE
   ============================================ */
.bglbc_entidades {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 20px;
	padding: 20px;
	margin-bottom: 15px;
	background: #fff;
	border-radius: 0;
	box-shadow: 0 4px 0 -3px #dfdfdf;
}

/* ============================================
   COLUNA 1 - FEATURED IMAGE
   ============================================ */
.bglbc_ents_featuredimage {
	flex: 0 0 250px;
	max-width: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bglbc_ents_featuredimage img.bglbc_as_fdimg {
	width: 100%;
	max-width: 250px;
	height: auto;
	object-fit: contain;
	border-radius: 4px;
}

/* ============================================
   COLUNA 2 - CONTEÚDO
   ============================================ */
.bglbc_ents_content {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
}

/* --- Título --- */
.bglbc_ec_titulo {
	font-family: "Exo 2", sans-serif;
	font-weight: 600;
	font-size: clamp(18px, 1.5vw, 24px);
	line-height: clamp(32px, 1.5vw, 40px);
	color: var(--the-red);
	margin-bottom: 24px;
}

/* --- Morada --- */
.bglbc_ec_morada {
	/* configurar aqui */
}

/* --- Contactos (container) --- */
.bglbc_ec_contactos {
	/* configurar aqui */
}

/* --- Telefone e Fax (container) --- */
.bglbc_ec_telfax {
	/* configurar aqui */
}

/* --- Email (container) --- */
.bglbc_ec_email {
	/* configurar aqui */
}

/* --- Labels (Morada:, TLF:, EMAIL:) --- */
.bglbc_ec_datatitle {
	font-family: "Inter", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: clamp(12px, 1.2vw, 16px);
	line-height: clamp(22px, 2vw, 26px);
	color: var(--the-black);
	margin: 0 !important;
}

/* --- Valores (dados) --- */
.bglbc_ec_datacontent {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: clamp(12px, 1.2vw, 16px);
	line-height: clamp(22px, 2vw, 26px);
	color: var(--the-black);
	margin: 0 !important;
}

/* --- Links dentro de datacontent --- */
.bglbc_ec_datacontent a {
	/* configurar aqui */
}

.bglbc_ec_datacontent a:hover {
	/* configurar aqui */
}

/* ============================================
   COLUNA 3 - ARROW / LINK
   ============================================ */
.bglbc_ents_arrow {
	flex: 0 0 clamp(36px, 6vw, 100px);
	width: clamp(36px, 6vw, 100px);
	display: flex;
	align-items: center;
}

.bglbc_ents_arrow a {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}

.bglbc_ents_arrow svg {
	width: 100%;
	height: auto;
	color: #333;
	transition: color 0.3s ease;
}

.bglbc_ents_arrow a:hover svg {
	color: #BA2230;
	animation: bounceArrow 0.6s ease-out;
}

/* Animação Bounce Triplo (perde força) */
@keyframes bounceArrow {
	0% {
		transform: translateX(0);
	}
	20% {
		transform: translateX(12px);
	}
	35% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(7px);
	}
	65% {
		transform: translateX(0);
	}
	80% {
		transform: translateX(3px);
	}
	100% {
		transform: translateX(0);
	}
}

/* ============================================
   RESPONSIVO
   ============================================ */
@media screen and (max-width: 768px) {
	.bglbc_entidades {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.bglbc_ents_featuredimage {
		flex: 0 0 auto;
		max-width: 200px;
	}

	.bglbc_ents_content {
		align-items: center;
	}

	.bglbc_ents_arrow {
		flex: 0 0 auto;
	}
}