/* ==========================================================================
   Udemax — Carrusel de doctores (scroll-snap nativo, sin owl)
   Ubicación: wp-content/themes/udemax/inc/parts/doctores-carousel.css
   Se encola solo en páginas que usan el shortcode [udemax_doctores].
   Paleta del tema: teal #43d5cb · Poppins.
   ========================================================================== */

.udemax-team {
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
}

/* Pista deslizable */
.udemax-team-track {
	display: flex;
	gap: 24px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;             /* Firefox */
	padding: 4px 2px 8px;
}
.udemax-team-track::-webkit-scrollbar { display: none; }  /* Chrome/Safari */

/* Tarjeta: por defecto se ESTIRA para repartir el ancho completo (1-4 caben) */
.udemax-team-card {
	scroll-snap-align: start;
	flex: 1 1 0;
	min-width: 240px;   /* no se encoge por debajo de esto */
	max-width: 360px;   /* ni se estira desproporcionada con 1-2 doctores */
}

/* Con 5+ tarjetas, ancho fijo y deslizamiento (no estirar) */
.udemax-team-track:has(.udemax-team-card:nth-child(5)) .udemax-team-card {
	flex: 0 0 300px;
	max-width: 300px;
}

/* Foto rectangular */
.udemax-team-photo {
	display: block;
	overflow: hidden;
	border-radius: 6px;
	background: #f2f4f4;
}
.udemax-team-photo img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	display: block;
	transition: transform .3s ease;
}
.udemax-team-photo:hover img { transform: scale(1.03); }

/* Info */
.udemax-team-info {
	position: relative;
	padding: 14px 40px 0 2px;
	border-top: 1px solid #eee;
	margin-top: 14px;
}
.udemax-team-name {
	font-family: Poppins, sans-serif;
	font-weight: 500;
	font-size: 18px;
	margin: 0 0 4px;
	line-height: 1.3;
	text-align: left;
}
.udemax-team-info, .udemax-team-col { text-align: left; }
.udemax-team-name a { color: #37c7be; text-decoration: none; }
.udemax-team-name a:hover { color: #2b9d95; }
.udemax-team-col { font-size: 13.5px; color: #888; margin: 0; }

/* Botón "+" */
.udemax-team-more {
	position: absolute;
	right: 2px;
	top: 14px;
	width: 34px;
	height: 34px;
	line-height: 32px;
	text-align: center;
	font-size: 24px;
	font-weight: 300;
	color: #b98a5e !important;
	text-decoration: none !important;
	border-radius: 50%;
	transition: background-color .2s ease, color .2s ease;
}
.udemax-team-more:hover { background: #e8faf8; color: #37c7be !important; }

/* Flechas */
.udemax-team-nav {
	position: absolute;
	top: 30%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	border: 0;
	background: #ffffff;
	box-shadow: 0 2px 10px rgba(0,0,0,.12);
	border-radius: 50%;
	cursor: pointer;
	font-size: 20px;
	color: #37c7be;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color .2s ease;
}
.udemax-team-nav:hover { background: #f2fbfa; }
.udemax-team-prev { left: -10px; }
.udemax-team-next { right: -10px; }
.udemax-team-nav[hidden] { display: none; }

/* Responsive: 1 tarjeta y media visible en móvil, siempre deslizable */
@media (max-width: 600px) {
	.udemax-team-track { justify-content: flex-start; }
	.udemax-team-card { flex: 0 0 78%; max-width: 78%; }
	.udemax-team-nav { display: none; }  /* en móvil se usa swipe */
}