/* Seros · L'equip amb fotos (retrats 4:5) i cares al selector de cita.
   Es carrega després d'estilos.css i en sobreescriu les regles de l'equip. */
.equipo .personas { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.2rem, 3vw, 2.2rem); }
.equipo .persona { display: flex; flex-direction: column; align-items: stretch; gap: 1rem; }
.persona__foto { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--radio); background: var(--blanc); }
.equipo .persona strong { font-size: 1.3rem; margin-bottom: .2rem; }
.persona__texto span { color: var(--gris); font-size: .98rem; }

.opcion .opcion__cara, .opcion.activo .opcion__cara {
  background-color: var(--boira); background-size: 260% auto; background-position: 50% 28%; background-repeat: no-repeat;
  box-shadow: 0 0 0 2px var(--blanc);
}

@media (max-width: 640px) {
  .equipo .personas { grid-template-columns: minmax(0, 1fr); gap: 1.4rem; }
  .equipo .persona { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; }
}