/* hyp/outro-projeto — protótipo linhas 805–829, spec 03 (banner pequeno). Base do cartão: .hyp-card em base.css. */

.hyp-outro .hyp-card--pequeno {
	margin-top: 54px;
	min-height: clamp(260px, 30vw, 340px);
	flex-direction: row;
	align-items: flex-end;
}

/* Gradiente mais leve que nos outros tamanhos (protótipo otherImage). */
.hyp-outro .hyp-card--pequeno::before {
	background: linear-gradient(0deg, var(--hyp-tint) 0%, rgba(0, 31, 63, 0.45) 58%, rgba(0, 31, 63, 0.18) 100%);
}

/* Barra na cor "sobre escuro" do outro projeto (protótipo otherAccent). */
.hyp-outro .hyp-card--pequeno .hyp-card__bar {
	background: var(--hyp-accent-on-dark);
}

.hyp-outro .hyp-card--pequeno .hyp-card__logo {
	top: 24px;
	left: clamp(26px, 3.4vw, 44px);
	height: 26px;
}

.hyp-outro .hyp-card__row {
	width: 100%;
	padding: clamp(26px, 3.4vw, 44px);
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}

.hyp-outro .hyp-card__title {
	font-size: clamp(24px, 3.6vw, 34px);
	font-weight: 600;
	color: #ffffff;
	line-height: 1.15;
	margin-top: 12px;
}

.hyp-outro .hyp-card__desc {
	font-size: 13.5px;
	line-height: normal;
	color: rgba(255, 255, 255, 0.72);
	font-weight: 300;
	margin-top: 8px;
}

.hyp-outro .hyp-card__btn {
	display: inline-block;
	border-radius: var(--hyp-r-pill);
	background: #ffffff;
	color: var(--hyp-navy);
	padding: 15px 42px;
	font-size: 13.5px;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
}

/* Hover na cor do projeto de destino: laranja com texto escuro (GDD), azul com texto branco (Sol). */
.hyp-outro .hyp-card[data-identidade="gdd"] .hyp-card__btn:hover {
	background: var(--hyp-orange);
	color: var(--hyp-on-orange);
}

.hyp-outro .hyp-card[data-identidade="sol"] .hyp-card__btn:hover {
	background: var(--hyp-accent);
	color: #ffffff;
}

.hyp-outro .hyp-card__btn:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 3px;
}