/* MedHome — Médecins. Medidas leídas de la maqueta de Julie (ficha 318 × 399, Figtree, azul #145A89). */
.mhm-grille {
	--mhm-azul: #145a89;
	--mhm-gris: #797979;
	--mhm-rojo: #b2122d;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	column-gap: 85px;
	row-gap: 110px;
	width: 100%;
	margin: 152px 0 0;
	padding: 0;
	font-family: Figtree, sans-serif;
}
.mhm-grille.mhm-vide { display: block; color: var(--mhm-azul); font-size: 20px; line-height: 28px; }

.mhm-fiche {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 0 0 318px;
	width: 318px;
	max-width: 100%;
	margin: 0;
}
.mhm-tete { display: flex; flex-direction: column; }

/* Foto: 318 × 399, radio 30, recortada */
.mhm-photo { width: 100%; max-width: 318px; }
.mhm-photo img,
.mhm-photo-vide {
	display: block;
	width: 100%;
	height: 399px;
	object-fit: cover;
	border-radius: 30px;
}
.mhm-photo-vide {
	background: #dfe3e7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b9c1c9'%3E%3Ccircle cx='12' cy='8' r='4.2'/%3E%3Cpath d='M3.5 21c.6-4.4 4.1-7 8.5-7s7.9 2.6 8.5 7z'/%3E%3C/svg%3E") center 60% / 46% no-repeat;
}

/* Banderas: cápsula 63 × 39 con la píldora roja del código encima */
.mhm-langues {
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
	margin: 31px 0 0;
	padding: 0;
	list-style: none;
}
.mhm-langue { position: relative; flex: 0 0 63px; width: 63px; height: 39px; margin: 0; padding: 0; }
.mhm-langue::before { content: none; }
.mhm-langue img { display: block; width: 63px; height: 39px; object-fit: cover; border-radius: 19.5px; }
.mhm-code {
	position: absolute;
	left: 12px;
	top: 22px;
	width: 39px;
	height: 15px;
	border-radius: 50px;
	background: var(--mhm-rojo);
	color: #fff;
	font: 400 12px/15px Figtree, sans-serif;
	letter-spacing: .2px;
	text-align: center;
}

.mhm-grille .mhm-nom {
	margin: 42px 0 0;
	padding: 0;
	font: 400 35px/44px Figtree, sans-serif;
	color: var(--mhm-azul);
	text-transform: none;
	letter-spacing: 0;
}
.mhm-grille .mhm-spec {
	margin: 7px 0 0;
	padding: 0;
	font: 400 22px/28px Figtree, sans-serif;
	color: var(--mhm-gris);
}

/* Biografía: entra entre la especialidad y la línea; el «–» queda sobre la línea */
.mhm-bio {
	padding: 20px 0 70px;
	font: 400 20px/28px Figtree, sans-serif;
	color: var(--mhm-azul);
}
.mhm-bio[hidden] { display: none; }
.mhm-bio p { margin: 0 0 28px; font: inherit; color: inherit; }
.mhm-bio p:last-child { margin-bottom: 0; }

.mhm-ligne { display: block; width: 100%; height: 1px; margin-top: 22.5px; background: #707070; }
.mhm-fiche.mhm-abierta .mhm-ligne { margin-top: 0; }

.mhm-plus {
	position: absolute;
	right: 0;
	bottom: 1px;
	min-width: 31px;
	height: 63px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 3px;
	background: none;
	color: var(--mhm-azul);
	font: 400 50px/63px Figtree, sans-serif;
	text-align: right;
	cursor: pointer;
	box-shadow: none;
}
.mhm-plus::before { content: "+"; }
.mhm-fiche.mhm-abierta .mhm-plus::before { content: "\2013"; }
.mhm-plus:hover,
.mhm-plus:focus { background: none; color: var(--mhm-azul); }
.mhm-plus:focus-visible { outline: 2px solid var(--mhm-azul); outline-offset: 2px; }

/* Tableta y móvil: una ficha por línea, como la maqueta móvil */
@media (max-width: 1024px) {
	.mhm-grille {
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap: 73px;
		margin-top: 111px;
	}
	.mhm-fiche { flex: 0 0 auto; width: 100%; }
}
/* Entre 1025 y 1300 caben dos o tres por fila: la rejilla se reparte sola con wrap */